从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 miscellanea -display data real time, using window.status
Jan 09 Javascript
HTML-CSS群中单选引发的“事件”
Mar 05 Javascript
JS 无法通过W3C验证的处理方法
Mar 09 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
Mar 18 Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 Javascript
chrome下img加载对height()的影响示例探讨
May 26 Javascript
jquery validate表单验证的基本用法入门
Jan 18 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
Vue递归实现树形菜单方法实例
Nov 06 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
小程序调用微信支付的方法
Sep 26 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
基于mysql的论坛(5)
2006/10/09 PHP
php download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
两级联动select刷新后其值保持不变的实现方法
2014/01/27 PHP
PHP实现递归目录的5种方法
2016/10/27 PHP
Javascript new关键字的玄机 以及其它
2010/08/25 Javascript
javascript内置对象操作详解
2015/02/04 Javascript
jQuery中使用each处理json数据
2015/04/23 Javascript
Node.js实用代码段之获取Buffer对象字节长度
2016/03/17 Javascript
正则中的回溯定义与用法分析【JS与java实现】
2016/12/27 Javascript
js CSS3实现卡牌旋转切换效果
2017/07/04 Javascript
使用 vue.js 构建大型单页应用
2018/02/10 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
jquery实现两个div中的元素相互拖动的方法分析
2020/04/05 jQuery
在Angular项目使用socket.io实现通信的方法
2021/01/05 Javascript
全面解读Python Web开发框架Django
2014/06/30 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
opencv导入头文件时报错#include的解决方法
2019/07/31 Python
PyTorch预训练的实现
2019/09/18 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
EMPHASIS艾斐诗官网:周生生旗下原创精品珠宝品牌
2020/12/17 全球购物
PHP面试题集
2016/12/18 面试题
教师学习培训邀请函
2014/02/04 职场文书
绿化工程实施方案
2014/03/17 职场文书
预备党员承诺书
2014/03/25 职场文书
环保小标语
2014/06/13 职场文书
党支部创先争优承诺书
2014/08/30 职场文书
党课培训心得体会
2014/09/02 职场文书
社保缴纳证明申请书
2014/11/03 职场文书
思想品德评语大全
2014/12/31 职场文书
长城英文导游词
2015/01/30 职场文书
2015质检员个人年终工作总结
2015/10/23 职场文书
python​格式化字符串
2022/04/20 Python