从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 相关文章推荐
ie 调试javascript的工具
Apr 29 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
JavaScript函数模式详解
Nov 07 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 Javascript
AngularJS入门教程之路由与多视图详解
Aug 19 Javascript
深入理解js中的加载事件
Feb 08 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
Jul 04 Javascript
基于JS递归函数细化认识及实用实例(推荐)
Aug 07 Javascript
详解ES6中的代理模式——Proxy
Jan 08 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
Jan 16 Javascript
关于vue-router的那些事儿
May 23 Javascript
详解Vue之父子组件传值
Apr 01 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
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
php5.x禁用eval的操作方法
2018/10/19 PHP
php array_map()函数实例用法
2021/03/03 PHP
Javascript实例教程(19) 使用HoTMetal(1)
2006/12/23 Javascript
广告代码静态化js通用函数
2007/05/09 Javascript
javascript 导出数据到Excel(处理table中的元素)
2009/12/18 Javascript
JavaScript 原型继承
2011/12/26 Javascript
Javascript原型链和原型的一个误区
2014/10/22 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
js表头排序实现方法
2015/01/16 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
AngularJS入门之动画
2016/07/27 Javascript
Ajax 加载数据 练习代码
2017/01/05 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
详解weex默认webpack.config.js改造
2018/01/08 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
2018/07/05 Javascript
使用node.js实现微信小程序实时聊天功能
2018/08/13 Javascript
node全局变量__dirname与__filename的区别
2019/01/14 Javascript
[01:20]DOTA2上海特级锦标赛现场采访:谁的ID最受青睐
2016/03/25 DOTA
[00:17]天涯墨客一技能展示
2018/08/25 DOTA
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
python 输出所有大小写字母的方法
2019/01/02 Python
PyQt使用QPropertyAnimation开发简单动画
2020/04/02 Python
pytorch __init__、forward与__call__的用法小结
2021/02/27 Python
Static Nested Class 和 Inner Class的不同
2013/11/28 面试题
农村结婚典礼司仪主持词
2014/03/14 职场文书
优秀学生党员先进事迹材料
2014/05/29 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
新生儿未入户证明
2015/06/23 职场文书
外科护士长工作总结
2015/08/12 职场文书
大学班干部竞选稿
2015/11/20 职场文书
2016年社会主义核心价值观心得体会
2016/01/21 职场文书
css实现文章分割线样式的多种方法总结
2021/04/21 HTML / CSS
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android