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 相关文章推荐
网页图片延时加载的js代码
Apr 22 Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
Jun 17 Javascript
JavaScript错误处理
Feb 03 Javascript
JavaScript中操作Mysql数据库实例
Apr 02 Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 Javascript
JavaScript中使用指数方法Math.exp()的简介
Jun 15 Javascript
JavaScript接口的实现三种方式(推荐)
Jun 14 Javascript
JavaScript中undefined和null的区别
May 03 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
Jun 08 Javascript
Vue.js项目模板搭建图文教程
Sep 20 Javascript
Vue实现一个图片懒加载插件
Mar 11 Javascript
详解JavaScript中的this指向问题
Feb 05 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
通过JavaScript或PHP检测Android设备的代码
2011/03/09 PHP
简单的PHP缓存设计实现代码
2011/09/30 PHP
详解PHP中的PDO类
2015/07/06 PHP
window.open被浏览器拦截后的自定义提示效果代码
2007/11/19 Javascript
jquery json 实例代码
2010/12/02 Javascript
jquery的index方法实现tab效果
2011/02/16 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
JavaScript基础教程之alert弹出提示框实例
2014/10/16 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
2014/10/16 Javascript
js运动动画的八个知识点
2015/03/12 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
JS简单限制textarea内输入字符数量的方法
2015/10/14 Javascript
jQuery表格插件datatables用法详解
2020/11/23 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
jQuery EasyUI Tab 选项卡问题小结
2016/08/16 Javascript
详解在Vue中通过自定义指令获取dom元素
2017/03/04 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
JS 实现分页打印功能
2018/05/16 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
Python数据分析中Groupby用法之通过字典或Series进行分组的实例
2017/12/08 Python
使用python实现滑动验证码功能
2019/08/05 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
python中提高pip install速度
2020/02/14 Python
OpenCV 之按位运算举例解析
2020/06/19 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
工程概预算专业毕业生求职信
2013/10/04 职场文书
理货员的岗位职责
2013/11/23 职场文书
高中毕业的自我鉴定
2013/12/09 职场文书
村优秀党员事迹材料
2014/01/15 职场文书
班级文化标语
2014/06/23 职场文书
大学生党员自我批评思想汇报
2014/10/10 职场文书
消费者理赔投诉书
2015/07/02 职场文书
反邪教学习心得体会
2016/01/15 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
十大最强格斗系宝可梦,超梦X仅排第十,第二最重格斗礼仪
2022/03/18 日漫