从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 相关文章推荐
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 Javascript
如何用ajax来创建一个XMLHttpRequest对象
Dec 10 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
Dec 25 Javascript
第六篇Bootstrap表格样式介绍
Jun 21 Javascript
大型JavaScript应用程序架构设计模式
Jun 29 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
vue学习笔记之v-if和v-show的区别
Sep 20 Javascript
vue新vue-cli3环境配置和模拟json数据的实例
Sep 19 Javascript
微信小程序ibeacon三点定位详解
Oct 31 Javascript
利用angular自动编译andriod APK的绕坑经历分享
Mar 08 Javascript
VUE脚手架具体使用方法
May 20 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
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获取指定范围内最接近数的方法
2015/06/02 PHP
关于WordPress的SEO优化相关的一些PHP页面脚本技巧
2015/12/10 PHP
php+Ajax无刷新验证用户名操作实例详解
2019/03/04 PHP
php自定义排序uasort函数示例【二维数组按指定键值排序】
2019/06/19 PHP
laravel 解决多库下的DB::transaction()事务失效问题
2019/10/21 PHP
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
用js实现计算代码行数的简单方法附代码
2007/08/13 Javascript
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
2009/04/07 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
jQuery下拉美化搜索表单效果代码分享
2015/08/25 Javascript
Javascript复制实例详解
2016/01/28 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
在iFrame子页面里实现模态框的方法
2018/08/17 Javascript
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
JS数组进阶示例【数组的几种函数用法】
2020/01/16 Javascript
Python实现端口复用实例代码
2014/07/03 Python
Python构造函数及解构函数介绍
2015/02/26 Python
Python实现通讯录功能
2018/02/22 Python
python实现一组典型数据格式转换
2018/12/15 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
python实现AES加密与解密
2019/03/28 Python
Python正则表达式匹配数字和小数的方法
2019/07/03 Python
pandas取出重复数据的方法
2019/07/04 Python
django连接oracle时setting 配置方法
2019/08/29 Python
python BlockingScheduler定时任务及其他方式的实现
2019/09/19 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
澳大利亚当地最大的时装生产商:Cue
2018/08/06 全球购物
美国按摩椅批发网站:Titan Chair
2018/12/27 全球购物
求职信模版
2013/11/30 职场文书
关于幼儿的自我评价
2013/12/18 职场文书
端午节演讲稿
2014/05/23 职场文书
刑事附带民事上诉状
2015/05/23 职场文书
2016年中学法制宣传日活动总结
2016/04/01 职场文书
jdbc中自带MySQL 连接池实践示例
2022/07/23 MySQL
Nginx如何配置根据路径转发详解
2022/07/23 Servers