从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 相关文章推荐
url 特殊字符 传递参数解决方法
Jan 01 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
详解Bootstrap按钮
Jan 04 Javascript
JavaScript中的原型prototype完全解析
May 10 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
Jul 05 Javascript
jQuery如何防止Ajax重复提交
Oct 14 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
Dec 01 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
详解webpack中的hash、chunkhash、contenthash区别
Jan 05 Javascript
浅谈React Event实现原理
Sep 20 Javascript
js中arguments对象的深入理解
May 14 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
php面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
php cookies中删除的一般赋值方法
2011/05/07 PHP
thinkphp配置连接数据库技巧
2014/12/02 PHP
遍历指定目录,并存储目录内所有文件属性信息的php代码
2016/10/28 PHP
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
JavaScript中的property和attribute介绍
2011/12/26 Javascript
妙用Jquery的val()方法
2012/06/27 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
jQuery验证插件validation使用指南
2015/04/21 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
微信小程序自定义tabBar在uni-app的适配详解
2019/09/30 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
Python做简单的字符串匹配详解
2017/03/21 Python
Python 实现随机数详解及实例代码
2017/04/15 Python
python数据类型_字符串常用操作(详解)
2017/05/30 Python
python广度优先搜索得到两点间最短路径
2019/01/17 Python
Python实现计算字符串中出现次数最多的字符示例
2019/01/21 Python
Django restframework 源码分析之认证详解
2019/02/22 Python
Python 字符串类型列表转换成真正列表类型过程解析
2019/08/26 Python
PYcharm 激活方法(推荐)
2020/03/23 Python
Python动态强类型解释型语言原理解析
2020/03/25 Python
Tensorflow使用Anaconda、pycharm安装记录
2020/07/29 Python
使用CSS3的ruby-position固定注音位置的用法示例
2016/07/05 HTML / CSS
欧洲领先的技术商店:eibmarkt.com
2019/05/10 全球购物
大学生毕业求职找工作的自我评价
2013/09/29 职场文书
校园报刊亭创业计划书
2014/01/02 职场文书
我的中国梦演讲稿400字
2014/08/19 职场文书
2014年超市员工工作总结
2014/11/18 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书
Java内存模型之happens-before概念详解
2021/06/13 Java/Android