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调用asp.net 页面后台的实现代码
Apr 27 Javascript
js每隔5分钟执行一次ajax请求的实现方法
Nov 27 Javascript
Jquery全选与反选点击执行一次的解决方案
Aug 14 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
Vue.js 父子组件通讯开发实例
Sep 06 Javascript
有关JS中的0,null,undefined,[],{},'''''''',false之间的关系
Feb 14 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
Apr 10 Javascript
jQuery代码优化方法总结
Jan 29 jQuery
浅谈vue 单文件探索
Sep 05 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
详细分析Node.js 多进程
Jun 22 Javascript
vue打开子组件弹窗都刷新功能的实现
Sep 21 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 中dirname(_file_)讲解
2007/03/18 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
jQuery Tools tab(幻灯片)
2012/07/14 Javascript
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
node.js操作mysql(增删改查)
2015/07/24 Javascript
基于socket.io+express实现多房间聊天
2016/03/17 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
2016/08/05 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
2016/12/26 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
2017/05/17 Javascript
Angular4学习笔记之新建项目的方法
2017/07/18 Javascript
React中常见的动画实现的几种方式
2018/01/10 Javascript
Js中使用正则表达式验证输入是否有特殊字符
2018/09/07 Javascript
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
vue移动端模态框(可传参)的实现
2019/11/20 Javascript
[01:09:24]Ti4开幕式
2014/07/19 DOTA
[01:11:48]Fnatic vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
仅用50行代码实现一个Python编写的计算器的教程
2015/04/17 Python
Python中使用装饰器时需要注意的一些问题
2015/05/11 Python
Python实现多线程抓取妹子图
2015/08/08 Python
对PyQt5中的菜单栏和工具栏实例详解
2019/06/20 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
pycharm 关掉syntax检查操作
2020/06/09 Python
英国领先的大码时装品牌之一:Elvi
2018/08/26 全球购物
MATCHESFASHION澳大利亚/亚太地区:英国时尚奢侈品电商
2020/01/14 全球购物
金鑫耀Java笔试题
2014/09/06 面试题
小学开学寄语
2014/01/19 职场文书
教师业务学习制度
2014/01/25 职场文书
四风问题个人剖析材料
2014/10/07 职场文书
2015年政治教研组工作总结
2015/07/22 职场文书
严以用权专题学习研讨会发言材料
2015/11/09 职场文书
SpringAop日志找不到方法的处理
2021/06/21 Java/Android
idea下配置tomcat避坑详解
2022/04/12 Servers
SQL语句中EXISTS的详细用法大全
2022/06/25 MySQL