从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实现动态增加删除表格行(兼容IE/FF)
Apr 02 Javascript
用ASP将SQL搜索出来的内容导出为TXT的代码
Jul 27 Javascript
js textarea自动增高并隐藏滚动条
Dec 16 Javascript
JavaScript 对象的属性和方法4种不同的类型
Mar 19 Javascript
window.name代替cookie的实现代码
Nov 28 Javascript
JavaScript prototype 使用介绍
Aug 29 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 Javascript
JavaScript仿静态分页实现方法
Aug 04 Javascript
javascript日期比较方法实例分析
Jun 17 Javascript
JS 数组随机洗牌的实例代码
Sep 12 Javascript
微信小程序之swiper滑动面板用法示例
Dec 04 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中的integer类型使用分析
2010/07/27 PHP
PHP 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析
2011/03/28 PHP
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
JavaScript中的对象化编程
2008/01/16 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
javascript常用正则表达式汇总
2015/07/31 Javascript
JQuery解析XML数据的几个简单实例
2016/05/18 Javascript
AngularJS入门教程之迭代器过滤详解
2016/08/18 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
2017/07/15 Javascript
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
Js面试算法详解
2018/04/08 Javascript
微信小程序云开发(数据库)详解
2019/05/17 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
JS中实现浅拷贝和深拷贝的代码详解
2019/06/05 Javascript
vue的三种图片引入方式代码实例
2019/11/19 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
2020/10/13 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
python实现简单的TCP代理服务器
2014/10/08 Python
深入理解python中的atexit模块
2017/03/07 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
在Django下创建项目以及设置settings.py教程
2019/12/03 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
利用matplotlib为图片上添加触发事件进行交互
2020/04/23 Python
婴儿地球:Baby Earth
2018/12/25 全球购物
比较基础的php面试题及答案-填空题
2014/04/26 面试题
C#的几个面试问题
2016/05/22 面试题
工程造价管理专业大专生求职信
2013/10/06 职场文书
创先争优活动承诺书
2014/08/30 职场文书
公司借条范本
2015/05/25 职场文书
安全主题班会教案
2015/08/12 职场文书
新学期主题班会
2015/08/17 职场文书
js前端设计模式优化50%表单校验代码示例
2022/06/21 Javascript