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 相关文章推荐
js验证是否为数字的总结
Apr 14 Javascript
原生js实现半透明遮罩层效果具体代码
Jun 06 Javascript
用javascript替换URL中的参数值示例代码
Jan 27 Javascript
js语法学习之判断一个对象是否为数组
May 13 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
May 26 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
Jun 25 Javascript
AngularJS自定义指令之复制指令实现方法
May 18 Javascript
countup.js实现数字动态叠加效果
Oct 17 Javascript
js实现一款简单踩白块小游戏(曾经很火)
Dec 02 Javascript
如何修改Vue打包后文件的接口地址配置的方法
Apr 22 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 VS ASP
2006/10/09 PHP
Php注入点构造代码
2008/06/14 PHP
第4章 数据处理-php数组的处理-郑阿奇
2011/07/04 PHP
PHP上传文件时文件过大$_FILES为空的解决方法
2013/11/26 PHP
php通过exif_read_data函数获取图片的exif信息
2015/05/21 PHP
php无限级分类实现方法分析
2016/10/19 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
jQuery-Easyui 1.2 实现多层菜单效果的代码
2012/01/13 Javascript
jQuery(非HTML5)可编辑表格实现代码
2012/12/11 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
理解javascript中Map代替循环
2016/02/26 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
2016/10/12 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
Vue $mount实战之实现消息弹窗组件
2019/04/22 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
2019/07/15 Javascript
vue组件中节流函数的失效的原因和解决方法
2020/12/02 Vue.js
[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk
2017/04/03 DOTA
[12:29]2018国际邀请赛 开幕秀
2018/08/22 DOTA
[51:00]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
python算法演练_One Rule 算法(详解)
2017/05/17 Python
python对DICOM图像的读取方法详解
2017/07/17 Python
Python使用configparser库读取配置文件
2020/02/22 Python
使用Python和百度语音识别生成视频字幕的实现
2020/04/09 Python
python脚本第一行如何写
2020/08/30 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
意大利奢侈品零售商:ilDuomo Novara
2019/09/11 全球购物
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
优秀的2014年两会精神解读
2014/03/17 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
教你用Python matplotlib库制作简单的动画
2021/06/11 Python
原生JS实现分页
2022/04/19 Javascript
处理canvas绘制图片模糊问题
2022/05/11 Javascript