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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
最佳的addEvent事件绑定是怎样诞生的
Oct 24 Javascript
15个款优秀的 jQuery 图片特效插件推荐
Nov 21 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
js实现正方形颜色从下往上升的效果
Aug 04 Javascript
如何在node的express中使用socket.io
Dec 15 Javascript
JavaScript函数柯里化详解
Apr 29 Javascript
浅谈Angular4中常用管道
Sep 27 Javascript
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
基于Vue+ElementUI的省市区地址选择通用组件
Nov 20 Javascript
JS数组方法concat()用法实例分析
Jan 18 Javascript
vue+iview实现文件上传
Nov 17 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/12/03 PHP
ThinkPHP自动完成中使用函数与回调方法实例
2014/11/29 PHP
php开发微信支付获取用户地址
2015/10/04 PHP
PHP抽奖算法程序代码分享
2015/10/08 PHP
CI框架实现框架前后端分离的方法详解
2016/12/30 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
jquery实现预览提交的表单代码分享
2014/05/21 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
jQuery实现动态添加和删除一个div
2015/08/12 Javascript
AngularJS ng-bind 指令简单实现
2016/07/30 Javascript
vue多页面项目中路由使用history模式的方法
2019/09/23 Javascript
python实现拓扑排序的基本教程
2018/03/11 Python
python3实现SMTP发送邮件详细教程
2018/06/19 Python
Atom的python插件和常用插件说明
2018/07/08 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
python SVM 线性分类模型的实现
2019/07/19 Python
PyTorch中Tensor的数据统计示例
2020/02/17 Python
python实现图片转字符画的完整代码
2021/02/21 Python
HTML5 WebGL 实现民航客机飞行监控系统
2019/07/25 HTML / CSS
ECCO俄罗斯官网:北欧丹麦鞋履及皮具品牌
2020/06/26 全球购物
两道JAVA笔试题
2016/09/14 面试题
大型活动策划方案
2014/01/12 职场文书
个人党性剖析材料
2014/02/03 职场文书
服务承诺书格式
2014/05/21 职场文书
教师工作表现自我评价
2015/03/05 职场文书
重温入党誓词主持词
2015/06/29 职场文书
运动会开幕式主持词
2015/07/01 职场文书
宾馆安全管理制度
2015/08/06 职场文书
《百分数的认识》教学反思
2016/02/19 职场文书
2016年119消防宣传日活动总结
2016/04/05 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
商业计划书如何写?关键问题有哪些?
2019/07/11 职场文书
详解Java实现数据结构之并查集
2021/06/23 Java/Android
Java8中接口的新特性使用指南
2021/11/01 Java/Android
Win11任务栏无法正常显示 资源管理器不停重启的解决方法
2022/07/07 数码科技
PostgreSQL之连接失败的问题及解决
2023/05/08 PostgreSQL