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 相关文章推荐
Extjs TriggerField在弹出窗口显示不出问题的解决方法
Jan 08 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
jquery获取元素索引值index()示例
Feb 13 Javascript
jquery 表格排序、实时搜索表格内容(附图)
May 19 Javascript
jQuery取消ajax请求的方法
Jun 09 Javascript
bootstrap侧边栏圆点导航
Jan 11 Javascript
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
vue3.0 CLI - 3.2 路由的初级使用教程
Sep 20 Javascript
javascript中call,apply,callee,caller用法实例分析
Jul 24 Javascript
优雅的使用javascript递归画一棵结构树示例代码
Sep 22 Javascript
vue 页面跳转的实现方式
Jan 12 Vue.js
React-vscode使用jsx语法的问题及解决方法
Jun 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
ecshop 批量上传(加入自定义属性)
2012/03/20 PHP
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
php实现可用于mysql,mssql,pg数据库操作类
2014/12/13 PHP
php session实现多级目录存放实现代码
2016/02/03 PHP
PHP中抽象类和抽象方法概念与用法分析
2016/05/24 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
js 利用className得到对象的实现代码
2011/11/15 Javascript
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
javascript仿qq界面的折叠菜单实现代码
2012/12/12 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
2015/09/17 Javascript
js实现二级菜单渐隐显示
2015/11/03 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
原生js实现可爱糖果数字时间特效
2016/12/30 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
js 获取图像缩放后的实际宽高,位置等信息
2017/03/07 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
React Native 图片查看组件的方法
2018/03/01 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
2018/07/23 Javascript
浅谈vue中resetFields()使用注意事项
2020/08/12 Javascript
Python中的闭包实例详解
2014/08/29 Python
在Python的Bottle框架中使用微信API的示例
2015/04/23 Python
Python对象类型及其运算方法(详解)
2017/07/05 Python
python 魔法函数实例及解析
2019/09/25 Python
python 实现提取log文件中的关键句子,并进行统计分析
2019/12/24 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
单位介绍信范文
2014/01/18 职场文书
国培计划培训感言
2014/03/11 职场文书
大学生英语演讲稿
2014/04/24 职场文书
企业安全生产目标责任书
2014/07/23 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
如何写好一份优秀的工作总结?
2019/06/21 职场文书