从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 相关文章推荐
JS 如果改变span标签的是否隐藏属性
Oct 06 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
Jun 21 Javascript
jquery ui dialog实现弹窗特效的思路及代码
Aug 03 Javascript
jquery二级导航内容均分的原理及实现
Aug 13 Javascript
基于js与flash实现的网站flv视频播放插件代码
Oct 14 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
Aug 26 Javascript
JavaScript 封装一个tab效果源码分享
Sep 15 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
JavaScript和jQuery制作光棒效果
Feb 24 Javascript
angular十大常见问题
Mar 07 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
Jul 04 Javascript
微信小程序仿今日头条导航栏滚动解析
Aug 20 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之第八天
2006/10/09 PHP
PHP 读取和修改大文件的某行内容的代码
2009/10/30 PHP
PHP自动生成后台导航网址的最佳方法
2013/08/27 PHP
PHP获取ip对应地区和使用网络类型的方法
2015/03/11 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
laravel 5.3中自定义加密服务的方案详解
2017/05/09 PHP
Yii框架布局文件的动态切换操作示例
2019/11/11 PHP
Laravel5.3+框架定义API路径取消CSRF保护方法详解
2020/04/06 PHP
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
JS文本框不能输入空格验证方法
2013/03/19 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
2013/09/15 Javascript
javascript关于运动的各种问题经典总结
2015/04/27 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
2016/05/07 Javascript
javascript 数组的定义和数组的长度
2016/06/07 Javascript
JavaScript学习笔记整理_setTimeout的应用
2016/09/19 Javascript
JavaScript中setTimeout的那些事儿
2016/11/14 Javascript
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
jQuery实现简单的计时器功能实例分析
2017/08/29 jQuery
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
深入理解 JS 垃圾回收
2019/06/03 Javascript
nodejs使用node-xlsx生成excel的方法示例
2019/08/22 NodeJs
js键盘事件实现人物的行走
2020/01/17 Javascript
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
美国著名手表网站:Timepiece
2017/11/15 全球购物
如何查找和删除数据库中的重复数据
2014/11/05 面试题
高校教师岗位职责
2014/03/18 职场文书
公证书样本
2014/04/10 职场文书
奥巴马连任演讲稿
2014/05/15 职场文书
服务标语大全
2014/06/18 职场文书
食品安全承诺书范文
2014/08/29 职场文书
2014年商场工作总结
2014/11/22 职场文书
大学生村官工作总结2015
2015/04/09 职场文书
同学聚会通知短信
2015/04/20 职场文书
2015年老干部工作总结
2015/04/23 职场文书
Oracle用户管理及赋权
2022/04/24 Oracle