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对talbe进行动态添加、删除、验证实现代码
Mar 29 Javascript
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 Javascript
jQuery插件jPaginate实现无刷新分页
May 04 Javascript
js控件Kindeditor实现图片自动上传功能
Jul 20 Javascript
ReactNative之键盘Keyboard的弹出与消失示例
Jul 11 Javascript
element-ui 设置菜单栏展开的方法
Aug 22 Javascript
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
前端面试知识点目录一览
Apr 15 Javascript
JavaScript:ES2019 的新特性(译)
Aug 08 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
浅谈TypeScript的类型保护机制
Feb 23 Javascript
深入理解javascript中的this
Feb 08 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
融入意大利的咖啡文化
2021/03/03 咖啡文化
PHP 递归效率分析
2009/11/24 PHP
php实现压缩多个CSS与JS文件的方法
2014/11/11 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
一个非常实用的php文件上传类
2017/07/04 PHP
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
2013/04/17 Javascript
java与javascript之间json格式数据互转介绍
2013/10/29 Javascript
不得不分享的JavaScript常用方法函数集(上)
2015/12/23 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
JS实现间歇滚动的运动效果实例
2016/12/22 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
原生javascript实现文件异步上传的实例讲解
2017/10/26 Javascript
js捆绑TypeScript声明文件的方法教程
2018/04/13 Javascript
微信小程序倒计时功能实例代码
2018/07/17 Javascript
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
2020/02/24 Javascript
JavaScript读取本地文件常用方法流程解析
2020/10/12 Javascript
代码块高亮可复制显示js插件highlight.js+clipboard.js整合
2021/02/15 Javascript
Win7下搭建python开发环境图文教程(安装Python、pip、解释器)
2016/05/17 Python
Python 装饰器实现DRY(不重复代码)原则
2018/03/05 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
flask入门之文件上传与邮件发送示例
2018/07/18 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
使用 Visual Studio Code(VSCode)搭建简单的Python+Django开发环境的方法步骤
2018/12/17 Python
python 批量添加的button 使用同一点击事件的方法
2019/07/17 Python
pandas 空数据处理方法详解
2019/11/02 Python
Python startswith()和endswith() 方法原理解析
2020/04/28 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
化工专业推荐信范文
2013/11/28 职场文书
《最大的麦穗》教学反思
2014/04/17 职场文书
《大禹治水》教学反思
2014/04/27 职场文书
2014年检察院个人工作总结
2014/12/09 职场文书
教师节大会主持词
2015/07/06 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python
微软Win11有哪些隐藏功能? windows11多个功能汇总
2021/11/21 数码科技