从jquery的过滤器.filter()方法想到的


Posted in Javascript onSeptember 29, 2013

最近发现了jquery的.filter()方法,这真是一个很强大的方法,最强大之处在于,他可以接受一个函数作为参数,然后根据函数的返回值判断,如果返回值是true,这个元素将被保留,如果返回值是false,这个元素将被剔除。这就是jquery选择器的过滤器。

空说无用,我们展示一下

<body> 
<p>你好啊,今天及多大了啊</p> 
<p><span>为什么要告诉你</span></p> 
</body>

如果我们要选择有一个<span>子元素的<p>元素,平常我都是这么写的
$("p>span").parent();

现在借助于.filter()我们可以写成这个样子:
$("p").filter(function(index){ 
return $(this).find("span").size(); 
});

虽然看起来有些麻烦,但是他提供了我们一种极其强大的自定义查找元素的功能,我们可以传递一个函数,然后借助jquery的隐式迭代,来实现查找。

这是目前我看到的jquery提供的最灵活的查找元素的方法。

Javascript 相关文章推荐
Javascript this指针
Jul 30 Javascript
什么是JavaScript
Aug 13 Javascript
uploadify 3.0 详细使用说明
Jun 18 Javascript
Javascript Throttle &amp; Debounce应用介绍
Mar 19 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
Aug 12 Javascript
Javascript获取随机数的实现方法
Jun 22 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 Javascript
浅析javaScript中的浅拷贝和深拷贝
Feb 15 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 Javascript
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
Sep 27 #Javascript
jquery $.each 和for怎么跳出循环终止本次循环
Sep 27 #Javascript
jquery ajax 调用失败的原因示例介绍
Sep 27 #Javascript
写得不错的jquery table鼠标经过变色代码
Sep 27 #Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
Sep 27 #Javascript
jquery ready函数、css函数及text()使用示例
Sep 27 #Javascript
javascript full screen 全屏显示页面元素的方法
Sep 27 #Javascript
You might like
是否存在第一台收音机的说法
2021/03/01 无线电
thinkphp循环结构用法实例
2014/11/24 PHP
实例简介PHP的一些高级面向对象编程的特性
2015/11/27 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
JS 遮照层实现代码
2010/03/31 Javascript
JavaScript将XML转成JSON的方法
2015/03/12 Javascript
JavaScript模板引擎用法实例
2015/07/10 Javascript
JS+CSS3制作炫酷的弹窗效果
2016/11/08 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
2016/12/19 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
JS 实现微信扫一扫功能
2018/09/14 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
JavaScript使用闭包模仿块级作用域操作示例
2019/01/21 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
2019/05/16 Javascript
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
2020/01/04 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
python xml.etree.ElementTree遍历xml所有节点实例详解
2016/12/04 Python
python 统计代码行数简单实例
2017/05/04 Python
Python使用sorted排序的方法小结
2017/07/28 Python
基于Python log 的正确打开方式
2018/04/28 Python
python添加模块搜索路径和包的导入方法
2019/01/19 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
python如何导出微信公众号文章方法详解
2020/08/31 Python
ALEX AND ANI:手镯,项链,耳环和更多
2017/04/20 全球购物
安全检查验收制度
2014/01/12 职场文书
高考备战决心书
2014/03/11 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
县委班子四风对照检查材料思想汇报
2014/09/29 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
2014年社区妇联工作总结
2014/12/02 职场文书
烟台的海导游词
2015/02/02 职场文书