从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获取多个数组的交集简单实例
Nov 11 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
JS中input表单隐藏域及其使用方法
Feb 13 Javascript
老生常谈Bootstrap媒体对象
Jul 06 Javascript
浅谈react 同构之样式直出
Nov 07 Javascript
详解使用vuex进行菜单管理
Dec 21 Javascript
vue如何通过id从列表页跳转到对应的详情页
May 01 Javascript
原生JS实现简单的倒计时功能示例
Aug 30 Javascript
JavaScript隐式类型转换代码实例
May 29 Javascript
详解vue3.0 diff算法的使用(超详细)
Jul 01 Javascript
vue动态设置路由权限的主要思路
Jan 13 Vue.js
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快速url重写更新版[需php 5.30以上]
2010/04/25 PHP
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
Laravel下生成验证码的类
2017/11/15 PHP
js的event详解。
2006/09/06 Javascript
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
2012/02/03 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
JS获取农历日期具体实例
2013/11/14 Javascript
异步动态加载JS并运行(示例代码)
2013/12/13 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
jQuery实现dialog设置focus焦点的方法
2015/06/10 Javascript
react系列从零开始_简单谈谈react
2017/07/06 Javascript
React Native 通告消息竖向轮播组件的封装
2020/08/25 Javascript
Nodejs下使用gm圆形裁剪并合成图片的示例
2018/02/22 NodeJs
Vue中使用Sortable的示例代码
2018/04/07 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
Vue父组件向子组件传值以及data和props的区别详解
2020/03/02 Javascript
在vue中对数组值变化的监听与重新响应渲染操作
2020/07/17 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
vue 使用饿了么UI仿写teambition的筛选功能
2021/03/01 Vue.js
Python 逐行分割大txt文件的方法
2017/10/10 Python
Python利用matplotlib.pyplot绘图时如何设置坐标轴刻度
2018/04/09 Python
Python字符串格式化常用手段及注意事项
2020/06/17 Python
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
为什么要做架构设计
2015/07/08 面试题
总经理助理职责
2014/02/04 职场文书
关爱老人标语
2014/06/21 职场文书
会议开幕词
2015/01/28 职场文书
销售经理岗位职责
2015/01/31 职场文书
2015年“7.11”世界人口日宣传活动方案
2015/05/06 职场文书
2015年销售助理工作总结
2015/05/11 职场文书
六一儿童节致辞
2015/07/31 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
CSS中Single Div 绘图技巧的实现
2021/06/18 HTML / CSS
OpenCV图像变换之傅里叶变换的一些应用
2021/07/26 Python
Mysql Innodb存储引擎之索引与算法
2022/02/15 MySQL
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle