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 相关文章推荐
firefox中JS读取XML文件
Dec 21 Javascript
可恶的ie8提示缺少id未定义
Mar 20 Javascript
通过url查找a元素应用案例
Apr 29 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
Nov 06 Javascript
Angularjs 动态改变title标题(兼容ios)
Dec 29 Javascript
BootStrap3中模态对话框的使用
Jan 06 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
Mar 02 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
May 11 Javascript
JS中type="button"和type="submit"的区别
Jul 04 Javascript
vue2.0 常用的 UI 库实例讲解
Dec 12 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
Jan 28 Javascript
Postman动态获取返回值过程详解
Jun 30 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
php菜单/评论数据递归分级算法的实现方法
2019/08/01 PHP
js 加载时自动调整图片大小
2008/05/28 Javascript
JavaScript中的排序算法代码
2011/02/22 Javascript
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
js 函数调用模式小结
2011/12/26 Javascript
为EasyUI的Tab标签添加右键菜单的方法
2012/07/14 Javascript
jQuery 1.8 Release版本发布了
2012/08/14 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
jquery转盘抽奖功能实现
2015/11/13 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
BootStrap入门教程(三)之响应式原理
2016/09/19 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
2016/12/14 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
2017/07/07 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
2018/01/15 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
基于node+vue实现简单的WebSocket聊天功能
2020/02/01 Javascript
jquery实现鼠标悬浮弹出气泡提示框
2020/12/23 jQuery
[01:05:52]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第一场 2月2日
2021/03/11 DOTA
Python列表append和+的区别浅析
2015/02/02 Python
Python深度优先算法生成迷宫
2018/01/22 Python
python生成lmdb格式的文件实例
2018/11/08 Python
CSS3 制作旋转的大风车(充满童年回忆)
2013/01/30 HTML / CSS
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
国税会议欢迎词
2014/01/16 职场文书
教师中国梦演讲稿
2014/04/23 职场文书
教师党的群众路线学习心得体会
2014/11/04 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书
2014年个人师德工作总结
2014/12/04 职场文书
领导欢迎词致辞
2015/01/23 职场文书
开除通知书范本
2015/04/25 职场文书
2015年建筑工作总结报告
2015/05/04 职场文书
2015年小学财务工作总结
2015/07/20 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书
Golang的继承模拟实例
2021/06/30 Golang
基于Python实现将列表数据生成折线图
2022/03/23 Python