jquery中的过滤操作详细解析


Posted in Javascript onDecember 02, 2013

1.过滤 Filtering

名称 说明 举例
eq( index ) 获取第N个元素 获取匹配的第二个元素: $("p").eq(1)
filter( expr ) 筛选出与指定表达式匹配的元素集合。 保留带有select类的元素: $("p").filter(".selected")
filter( fn ) 筛选出与指定函数返回值匹配的元素集合 这个函数内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除,否则就会保留。 保留子元素中不含有ol的元素: $("div").filter(function(index) {   return $("ol", this).size() == 0; });
is( expr ) 注意: 这个函数返回的不是jQuery包装集而是Boolean值 用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。 如果没有元素符合,或者表达式无效,都返回'false'. 'filter' 内部实际也是在调用这个函数,所以,filter()函数原有的规则在这里也适用。 由于input元素的父元素是一个表单元素,所以返回true: $("input[type='checkbox']").parent().is("form")
map( callback ) 将一组元素转换成其他数组(不论是否是元素数组) 你可以用这个函数来建立一个列表,不论是值、属性还是CSS样式,或者其他特别形式。这都可以用'$.map()'来方便的建立 把form中的每个input元素的值建立一个列表: $("p").append( $("input").map(function(){   return $(this).val(); }).get().join(", ") );
not( expr ) 删除与指定表达式匹配的元素 从p元素中删除带有 select 的ID的元素: $("p").not( $("#selected")[0] )
slice( start, end ) 选取一个匹配的子集 选择第一个p元素: $("p").slice(0, 1);
Javascript 相关文章推荐
AngularJS使用自定义指令替代ng-repeat的方法
Sep 17 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
Sep 27 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
Dec 14 Javascript
微信小程序 弹幕功能简单实例
Feb 14 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
Jun 04 Javascript
mac中利用NVM管理不同node版本的方法详解
Nov 08 Javascript
微信小程序图片选择区域裁剪实现方法
Dec 02 Javascript
JavaScript常用数学函数用法示例
May 14 Javascript
JS实现的汉字与Unicode码相互转化功能分析
May 25 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
js实现简单进度条效果
Mar 25 Javascript
Vue项目打包、合并及压缩优化网页响应速度
Jul 07 Vue.js
原生JS操作网页给p元素添加onclick事件及表格隔行变色
Dec 01 #Javascript
用JS实现3D球状标签云示例代码
Dec 01 #Javascript
js arguments,jcallee caller用法总结
Nov 30 #Javascript
js中arguments的用法(实例讲解)
Nov 30 #Javascript
JavaScript中的undefined学习总结
Nov 30 #Javascript
浅析JavaScript中的typeof运算符
Nov 30 #Javascript
浅析JavaScript中的delete运算符
Nov 30 #Javascript
You might like
PHP递归算法的详细示例分析
2013/02/19 PHP
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
微信小程序页面间值传递的两种方法
2018/11/26 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
详解vue中的父子传值双向绑定及数据更新问题
2019/06/13 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
vue3.0中使用element的完整步骤
2021/03/04 Vue.js
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
在Python的Django框架中包装视图函数
2015/07/20 Python
Flask框架中密码的加盐哈希加密和验证功能的用法详解
2016/06/07 Python
Python实现求解一元二次方程的方法示例
2018/06/20 Python
Python中的函数式编程:不可变的数据结构
2018/10/08 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
pytorch torchvision.ImageFolder的用法介绍
2020/02/20 Python
Python3 操作 MySQL 插入一条数据并返回主键 id的实例
2020/03/02 Python
Python使用Numpy模块读取文件并绘制图片
2020/05/13 Python
Zavvi西班牙:电子游戏、极客服装、Blu-ray、Funko Pop等
2019/05/03 全球购物
应聘医学检验人员自荐信
2013/09/27 职场文书
应届生个人求职信模板
2013/11/26 职场文书
大型活动策划方案
2014/01/12 职场文书
小学毕业感言300字
2014/02/19 职场文书
10的分与合教学反思
2014/04/30 职场文书
社会实践先进工作者事迹材料
2014/05/06 职场文书
营销团队口号
2014/06/06 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
群众路线教育实践活动总结
2014/10/30 职场文书
放假通知
2015/04/14 职场文书
导游词之安徽醉翁亭
2020/01/10 职场文书
python和anaconda的区别
2022/05/06 Python
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技