从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 相关文章推荐
小议Function.apply() 之一------(函数的劫持与对象的复制)
Nov 30 Javascript
js 判断脚本加载完毕的代码
Jul 13 Javascript
jquery移除、绑定、触发元素事件使用示例详解
Apr 10 Javascript
javascript实现跨域的方法汇总
Jun 25 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
JS模拟bootstrap下拉菜单效果实例
Jun 17 Javascript
javascript 常用验证函数总结
Jun 28 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
webpack4 处理SCSS的方法示例
Sep 03 Javascript
原生js实现随机点名功能
Nov 05 Javascript
JS实现容器模块左右拖动效果
Jan 14 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
Jul 13 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结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
PHP实现数据分页显示的简单实例
2016/05/26 PHP
简单实现PHP留言板功能
2016/12/21 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
javascript 冒号 使用说明
2009/06/06 Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
jQuery中next方法用法实例
2015/04/24 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
2016/03/07 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
JS实现轮播图效果
2020/01/11 Javascript
JS数组方法slice()用法实例分析
2020/01/18 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
python pickle 和 shelve模块的用法
2013/09/16 Python
python实现html转ubb代码(html2ubb)
2014/07/03 Python
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
Python中enumerate函数代码解析
2017/10/31 Python
python进行参数传递的方法
2020/05/12 Python
matplotlib 画双轴子图无法显示x轴的解决方法
2020/07/27 Python
python3.7.3版本和django2.2.3版本是否可以兼容
2020/09/01 Python
利用Opencv实现图片的油画特效实例
2021/02/28 Python
支持IE8的纯css3开发的响应式设计动画菜单教程
2014/11/05 HTML / CSS
CSS超出文本指定宽度用省略号代替和文本不换行
2016/05/05 HTML / CSS
Madewell美德威尔美国官网:美国休闲服饰品牌
2016/11/25 全球购物
Europcar西班牙:全球汽车租赁领域的领导者
2018/09/17 全球购物
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
股东授权委托书
2014/10/15 职场文书
工厂见习报告范文
2014/10/31 职场文书
2014年内部审计工作总结
2014/12/09 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书
Python爬虫之爬取最新更新的小说网站
2021/05/06 Python
解决Pytorch半精度浮点型网络训练的问题
2021/05/24 Python
Win11查看设备管理器
2022/04/19 数码科技