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 相关文章推荐
javascript编程起步(第二课)
Jan 10 Javascript
javascript常用函数(1)
Nov 04 Javascript
jQuery语法小结(超实用)
Dec 31 Javascript
JS检测移动端横竖屏的代码
May 30 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
JavaScript利用闭包实现模块化
Jan 13 Javascript
微信小程序 下拉菜单简单实例
Apr 13 Javascript
AngularJS中使用three.js的实例详解
Jul 21 Javascript
微信小程序冒泡事件及其阻止方法实例分析
Dec 06 Javascript
vue路由前进后退动画效果的实现代码
Dec 10 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
原生js滑动轮播封装
Jul 31 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 采集程序中常用的函数
2009/12/09 PHP
YII路径的用法总结
2014/07/09 PHP
thinkphp中memcache的用法实例
2014/11/29 PHP
给WordPress中的留言加上楼层号的PHP代码实例
2015/12/14 PHP
Laravel框架FormRequest中重写错误处理的方法
2019/02/18 PHP
javaScript - 如何引入js代码
2021/03/09 Javascript
js 上传图片预览问题
2010/12/06 Javascript
JQquery的一些使用心得分享
2012/08/01 Javascript
jquery获取当前点击对象的value方法
2014/02/28 Javascript
15款jQuery分布引导插件分享
2015/02/04 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
jQuery实现立体式数字滚动条增加效果
2016/12/21 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
vue-router的使用方法及含参数的配置方法
2018/11/13 Javascript
js实现下拉框二级联动
2018/12/04 Javascript
ant design实现圈选功能
2019/12/17 Javascript
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
python中map、any、all函数用法分析
2015/04/21 Python
Pytorch高阶OP操作where,gather原理
2020/04/30 Python
Rodd & Gunn澳大利亚官网:新西兰男装品牌
2018/09/25 全球购物
Python中如何定义一个函数
2016/09/06 面试题
银行介绍信范文
2014/01/10 职场文书
护士自我鉴定总结
2014/03/24 职场文书
理发店策划方案
2014/06/05 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
中小学生学籍证明
2014/10/25 职场文书
初中作文评语
2014/12/25 职场文书
浙江省杭州市平均工资标准是多少?
2019/07/09 职场文书
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python
MongoDB数据库的安装步骤
2021/06/18 MongoDB
入门学习Go的基本语法
2021/07/07 Golang
ant design vue的form表单取值方法
2022/06/01 Vue.js