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实现自定义风格的滑动条实现代码
Apr 26 Javascript
JS跨域代码片段
Aug 30 Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
Nov 08 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
Apr 12 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
Aug 22 Javascript
vue中使用gojs/jointjs的示例代码
Aug 24 Javascript
支付宝小程序tabbar底部导航
Nov 06 Javascript
jquery的$().each和$.each的区别
Jan 18 jQuery
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
Apr 02 Javascript
vue中的过滤器及其时间格式化问题
Apr 09 Javascript
vue离开当前页面触发的函数代码
Sep 01 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使用ffmpeg获取视频信息并截图的实现方法
2016/05/03 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
Git命令之分支详解
2021/03/02 PHP
jQuery 获取和设置select下拉框的值实现代码
2013/11/08 Javascript
解析页面加载与js函数的执行 onload or ready
2013/12/12 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
JS日程管理插件FullCalendar中文说明文档
2017/02/06 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
2017/03/23 jQuery
vue loadmore组件上拉加载更多功能示例代码
2017/07/19 Javascript
微信小程序页面生命周期详解
2018/01/31 Javascript
Vue 样式绑定的实现方法
2019/01/15 Javascript
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
详解Vue3中对VDOM的改进
2020/04/23 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
Python中针对函数处理的特殊方法
2014/03/06 Python
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
Python的多维空数组赋值方法
2018/04/13 Python
python实现泊松图像融合
2018/07/26 Python
Python数据类型之Dict字典实例详解
2019/05/07 Python
让Python脚本暂停执行的几种方法(小结)
2019/07/11 Python
Python程序控制语句用法实例分析
2020/01/14 Python
用什么库写 Python 命令行程序(示例代码详解)
2020/02/20 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
Python如何实现邮件功能
2020/05/27 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
CSS3中的注音对齐属性ruby-align用法指南
2016/07/01 HTML / CSS
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
2014/03/07 HTML / CSS
英文版餐饮业求职信
2013/10/18 职场文书
生日宴会答谢词
2014/01/09 职场文书
端午节活动策划方案
2014/03/09 职场文书
开学典礼观后感
2015/06/15 职场文书
黑白记忆观后感
2015/06/18 职场文书
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js
分享五个Node.js开发的优秀实践 
2022/04/07 NodeJs