从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做拖动布局的思路
May 31 Javascript
javascript下利用arguments实现string.format函数
Aug 24 Javascript
jQuery的学习步骤
Feb 23 Javascript
javascript学习基础笔记之DOM对象操作
Nov 03 Javascript
jquery下checked取值问题的解决方法
Aug 09 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
Aug 27 Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 Javascript
node.js中的fs.renameSync方法使用说明
Dec 16 Javascript
基于jQuery实现仿淘宝套餐选择插件
Mar 04 Javascript
jQuery代码实现发展历程时间轴特效
Jul 30 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
Sep 30 Javascript
vuex(vue状态管理)的特殊应用案例分享
Mar 03 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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
PHP strtr() 函数使用说明
2008/11/21 PHP
php解析url的三个示例
2014/01/20 PHP
php递归创建目录的方法
2015/02/02 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
JavaScript iframe的相互操作浅析
2009/10/14 Javascript
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
2010/03/09 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
2011/11/14 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
2013/10/20 Javascript
JQuery中extend使用介绍
2014/03/13 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
jquery插件unobtrusive实现片段式加载
2015/06/15 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
2016/05/26 Javascript
Jquery为DIV添加click事件的简单实例
2016/06/02 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
jQuery插件zTree实现删除树节点的方法示例
2017/03/08 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
2017/09/05 Javascript
微信小程序实现简单跑马灯效果
2020/05/26 Javascript
js消除图片小游戏代码
2019/12/11 Javascript
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
python 写的一个爬虫程序源码
2016/02/28 Python
Python元组操作实例分析【创建、赋值、更新、删除等】
2017/07/24 Python
解决Python获取字典dict中不存在的值时出错问题
2018/10/17 Python
python 普通克里金(Kriging)法的实现
2019/12/19 Python
Python使用configparser读取ini配置文件
2020/05/25 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
python复合条件下的字典排序
2020/12/18 Python
工业自动化专业毕业生推荐信
2013/11/18 职场文书
高中的自我鉴定
2013/12/16 职场文书
致全体运动员广播稿
2014/02/01 职场文书
缓刑人员思想汇报
2014/10/11 职场文书