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 自动增长的文本输入框实现代码
Apr 02 Javascript
JavaScript对象学习经验整理
Oct 12 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
javascript中不等于的代码是什么怎么写
Dec 29 Javascript
JavaScript设计模式之外观模式实例
Oct 10 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
AngularJS入门之动画
Jul 27 Javascript
javascript history对象详解
Feb 09 Javascript
Vue如何从1.0迁移到2.0
Oct 19 Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 Javascript
简化版的vue-router实现思路详解
Oct 19 Javascript
小程序实现简单语音聊天的示例代码
Jul 24 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
全国FM电台频率大全 - 7 吉林省
2020/03/11 无线电
Linux下编译redis和phpredis的方法
2016/04/07 PHP
php array_merge_recursive 数组合并
2016/10/26 PHP
PHP里面把16进制的图片数据显示在html的img标签上(实现方法)
2017/05/02 PHP
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
javascript中取前n天日期的两种方法分享
2014/01/26 Javascript
jquery实现的网页自动播放声音
2014/04/30 Javascript
jQuery实现的仿select功能代码
2015/08/19 Javascript
理解javascript定时器中的setTimeout与setInterval
2016/02/23 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
2016/08/18 Javascript
详解javascript立即执行函数表达式IIFE
2017/02/13 Javascript
ionic 自定义弹框效果
2017/06/27 Javascript
详解 vue better-scroll滚动插件排坑
2018/02/08 Javascript
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
JavaScript arguments.callee作用及替换方案详解
2020/09/02 Javascript
python通过装饰器检查函数参数数据类型的方法
2015/03/13 Python
在django中使用自定义标签实现分页功能
2017/07/04 Python
Python探索之SocketServer详解
2017/10/28 Python
python里 super类的工作原理详解
2019/06/19 Python
python 中xpath爬虫实例详解
2019/08/26 Python
python在OpenCV里实现投影变换效果
2019/08/30 Python
python multiprocessing多进程变量共享与加锁的实现
2019/10/02 Python
Python 利用Entrez库筛选下载PubMed文献摘要的示例
2020/11/24 Python
HTML5+CSS3 诱人的实例:3D立方体旋转动画实例
2016/12/30 HTML / CSS
html5中使用hotcss.js实现手机端自适配的方法
2020/04/23 HTML / CSS
Hotels.com印度:酒店预订
2019/05/11 全球购物
对祖国的寄语大全
2014/04/11 职场文书
销售目标责任书
2014/07/23 职场文书
2014年绿化工作总结
2014/12/09 职场文书
2015财务年度工作总结范文
2015/05/04 职场文书
假如给我三天光明读书笔记
2015/06/26 职场文书
教师节祝酒词
2015/08/11 职场文书
python 自动化偷懒的四个实用操作
2021/04/11 Python
Vue实现下拉加载更多
2021/05/09 Vue.js
mysql使用FIND_IN_SET和group_concat两个方法查询上下级机构
2022/04/20 MySQL