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 相关文章推荐
jQuery 方法大全方便学习参考
Feb 25 Javascript
基于jquery的一个浮动框(扩展性比较好 )
Aug 27 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
基于JavaScript实现动态创建表格和增加表格行数
Dec 20 Javascript
AngularJS extend用法详解及实例代码
Nov 15 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
Feb 27 Javascript
jquery仿京东侧边栏导航效果
Mar 02 Javascript
vue中appear的用法
Aug 17 Javascript
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
layer iframe 设置关闭按钮的方法
Sep 12 Javascript
原生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
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
php实现利用phpexcel导出数据
2013/08/24 PHP
phpphp图片采集后按原路径保存图片示例
2014/02/18 PHP
php将字符串转化成date存入数据库的两种方式
2014/04/28 PHP
详解WordPress开发中的get_post与get_posts函数使用
2016/01/04 PHP
分享一个漂亮的php验证码类
2016/09/29 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
自己开发Dojo的建议框架
2008/09/24 Javascript
js图片处理示例代码
2014/05/12 Javascript
JQuery $.each遍历JavaScript数组对象实例
2014/09/01 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
javascript 应用小技巧方法汇总
2015/07/05 Javascript
JavaScript取得WEB安全颜色列表的方法
2015/07/14 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
2015/12/08 Javascript
angularjs自定义ng-model标签的属性
2016/01/21 Javascript
js, jQuery实现全选、反选功能
2017/03/08 Javascript
AngularJS中控制器函数的定义与使用方法示例
2017/10/10 Javascript
jQuery+koa2实现简单的Ajax请求的示例
2018/03/06 jQuery
VUE 实现element upload上传图片到阿里云
2020/08/12 Javascript
windows下python之mysqldb模块安装方法
2017/09/07 Python
python 构造三维全零数组的方法
2018/11/12 Python
Python小进度条显示代码
2019/03/05 Python
Python基础之列表常见操作经典实例详解
2020/02/26 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
巴西Bo.Bô官方在线商店:经营奢侈品时尚业务
2020/03/16 全球购物
高职助产应届生自荐信
2013/09/24 职场文书
应用艺术毕业生的自我评价
2013/12/04 职场文书
物流仓管员工作职责
2014/01/06 职场文书
寄语十八大感言
2014/02/07 职场文书
人事文员岗位职责
2014/02/16 职场文书
银行金融服务方案
2014/06/11 职场文书
印刷技术专业自荐信
2014/09/18 职场文书
导游词之西安骊山
2019/12/03 职场文书
浅谈golang 中time.After释放的问题
2021/05/05 Golang
宝塔更新Python及Flask项目的部署
2022/04/11 Python