编程 Javascript

从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提供的最灵活的查找元素的方法。

从jquery的过滤器.filter()方法想到的

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js 单引号传递方法

Jun 22 Javascript

jquery选择器(常用选择器说明)

Sep 28 Javascript

innerHTML与jquery里的html()区别介绍

Oct 12 Javascript

JavaScript中一个奇葩的IE浏览器判断方法

Apr 16 Javascript

总结jQuery插件开发中的一些要点

May 16 Javascript

Easy UI动态树点击文字实现展开关闭功能

Sep 30 Javascript

koa-router源码学习小结

Sep 07 Javascript

深入分析element ScrollBar滚动组件源码

Jan 22 Javascript

微信小程序image图片加载完成监听

Aug 31 Javascript

微信小程序开发中var that =this的用法详解

Jan 18 Javascript

vue 组件之间事件触发($emit)与event Bus($on)的用法说明

Jul 28 Javascript

ajax请求前端跨域问题原因及解决方案

Oct 16 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