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 DOM操作小结与实例
Jan 07 Javascript
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 Javascript
自动刷新网页,自动刷新当前页面,JS调用
Jun 24 Javascript
js查看一个函数的执行时间实例代码
Sep 12 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
Aug 01 Javascript
漂亮! js实现颜色渐变效果
Aug 12 Javascript
js手动播放图片实现图片轮播效果
Sep 17 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
Dec 30 Javascript
JavaScript实现按键精灵的原理分析
Feb 21 Javascript
Vue导出页面为PDF格式的实现思路
Jul 31 Javascript
对angularJs中$sce服务安全显示html文本的实例
Sep 30 Javascript
extjs4图表绘制之折线图实现方法分析
Mar 06 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反射机制用法实例
2014/08/28 PHP
PHP中的替代语法介绍
2015/01/09 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
PHP目录操作实例总结
2016/09/27 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
JS+PHP实现用户输入数字后显示最大的值及所在位置
2017/06/19 PHP
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
删除select中所有option选项jquery代码
2013/08/12 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
js动态创建标签示例代码
2014/06/09 Javascript
jquery插件jSignature实现手动签名
2015/05/04 Javascript
JavaScript中的对象继承关系
2016/08/01 Javascript
关于javascript的一些知识以及循环详解
2016/09/12 Javascript
微信小程序 MD5加密登录密码详解及实例代码
2017/01/12 Javascript
js 判断登录界面的账号密码是否为空
2017/02/08 Javascript
史上最全JavaScript常用的简写技巧(推荐)
2017/08/17 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
微信小程序保持session会话的方法
2020/03/20 Javascript
JavaScript中layim之整合右键菜单的示例代码
2021/02/06 Javascript
[02:10]2018DOTA2亚洲邀请赛赛前采访-Liquid
2018/04/03 DOTA
Python通过正则表达式选取callback的方法
2015/07/18 Python
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
Matplotlib 生成不同大小的subplots实例
2018/05/25 Python
详解Python中pandas的安装操作说明(傻瓜版)
2019/04/08 Python
python的set处理二维数组转一维数组的方法示例
2019/05/31 Python
python3调用windows dos命令的例子
2019/08/14 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
解决Keras的自定义lambda层去reshape张量时model保存出错问题
2020/07/01 Python
python文件及目录操作代码汇总
2020/07/08 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
使用纯 CSS 创作一个脉动 loader效果的源码
2018/09/28 HTML / CSS
2014年工程师工作总结
2014/11/25 职场文书
2014年乡镇团委工作总结
2014/12/18 职场文书
go web 预防跨站脚本的实现方式
2021/06/11 Golang
MySQL数据库之内置函数和自定义函数 function
2022/06/16 MySQL