从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 相关文章推荐
客户端静态页面玩分页
Jun 26 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
Apr 01 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
JavaScript 对任意元素,自定义右键菜单的实现方法
May 08 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
Sep 09 Javascript
Bootstrap表单布局样式代码
May 31 Javascript
JavaScript编程中实现对象封装特性的实例讲解
Jun 24 Javascript
Bootstrap3 Grid system原理及应用详解
Sep 30 Javascript
JavaScript+H5实现微信摇一摇功能
May 23 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 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对mongodb的扩展(初出茅庐)
2012/11/11 PHP
PHP漏洞全解(详细介绍)
2012/11/13 PHP
php中explode函数用法分析
2014/11/15 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
PHP代码判断设备是手机还是平板电脑(两种方法)
2015/10/19 PHP
php cookie工作原理与实例详解
2016/07/18 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
jquery ui dialog里调用datepicker的问题
2009/08/06 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
2010/11/25 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
Mongoose实现虚拟字段查询的方法详解
2017/08/15 Javascript
Javascript 严格模式use strict详解
2017/09/16 Javascript
详解js常用分割取字符串的方法
2019/05/15 Javascript
JS实现关闭小广告特效
2021/01/29 Javascript
js利用iframe实现选项卡效果
2020/08/09 Javascript
ssh批量登录并执行命令的python实现代码
2012/05/25 Python
Python3.x中自定义比较函数
2015/04/24 Python
Python实现检测文件MD5值的方法示例
2018/04/11 Python
Python实现查看系统启动项功能示例
2018/05/10 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
Python 获取主机ip与hostname的方法
2018/12/17 Python
django rest framework使用django-filter用法
2020/07/15 Python
python 多线程共享全局变量的优劣
2020/09/24 Python
Avène雅漾美国官方网站:敏感肌肤护理专家
2016/10/24 全球购物
美国高档帽子网上商店:Hats.com
2018/08/09 全球购物
Nordgreen台湾官网:极简北欧设计手表
2019/08/21 全球购物
业绩考核岗位职责
2014/02/01 职场文书
学生手册评语
2014/05/05 职场文书
啦啦队口号大全
2014/06/16 职场文书
纪律教育学习月活动总结
2014/08/27 职场文书
刑事上诉状(无罪)
2015/05/23 职场文书
你真的了解PHP中的引用符号(&)吗
2021/05/12 PHP
Apache Hudi的多版本清理服务彻底讲解
2022/03/31 Servers
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python