从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查看html源文件
Nov 08 Javascript
js资料prototype 属性
Mar 13 Javascript
HTML Color Picker(js拾色器效果)
Aug 27 Javascript
浅析tr的隐藏和显示问题
Mar 05 Javascript
JS之获取样式的简单实现方法(推荐)
Sep 13 Javascript
利用node.js如何搭建一个简易的即时响应服务器
May 28 Javascript
通过V8源码看一个关于JS数组排序的诡异问题
Aug 14 Javascript
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
Vue 中的compile操作方法
Feb 26 Javascript
JavaScript函数节流和函数去抖知识点学习
Jul 31 Javascript
layui前端时间戳转化实例
Nov 15 Javascript
微信小程序中target和currentTarget的区别小结
Nov 06 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
php Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
JSON 和 JavaScript eval使用说明
2010/06/13 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
查找iframe里元素的方法可传参
2013/09/11 Javascript
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
jquery实现图片灯箱明暗的遮罩效果
2013/11/15 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
Jquery中Event对象属性小结
2015/02/27 Javascript
js数组如何添加json数据及js数组与json的区别
2015/10/27 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
react.js 翻页插件实例代码
2017/01/19 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
2017/05/02 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
[01:10:48]完美世界DOTA2联赛PWL S2 GXR vs PXG 第一场 11.18
2020/11/18 DOTA
Python选课系统开发程序
2016/09/02 Python
pycharm远程调试openstack代码
2017/11/21 Python
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
Python程序员面试题 你必须提前准备!(答案及解析)
2018/01/23 Python
Python cookbook(数据结构与算法)实现优先级队列的方法示例
2018/02/18 Python
python3+PyQt5自定义视图详解
2018/04/24 Python
Python 使用 docopt 解析json参数文件过程讲解
2019/08/13 Python
Django中自定义查询对象的具体使用
2019/10/13 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
python dict如何定义
2020/09/02 Python
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
2018/03/02 HTML / CSS
大专学生推荐信范文
2013/11/19 职场文书
大学生职业生涯规划书模版
2013/12/30 职场文书
关爱留守儿童捐款倡议书
2015/04/27 职场文书
经费申请报告范文
2015/05/18 职场文书
2015年检察院个人工作总结
2015/05/20 职场文书
公务员学习中国梦心得体会
2016/01/05 职场文书
redis哨兵常用命令和监控示例详解
2021/05/27 Redis
eclipse创建项目没有dynamic web的解决方法
2021/06/24 Java/Android
mysql性能优化以及配置连接参数设置
2022/05/06 MySQL