jQuery基础知识filter()和find()实例说明
更新时间：2010年07月06日 23:06:06 作者：
这是jQuery里常用的2个方法。他们2者功能是完全不同的，而初学者往往会被误导。
首先 我们看.find()方法：
现在有一个页面，里面HTML代码为;
<div class="css">
<p class="rain">测试1</p>
</div>
<div class="rain">
<p>测试2</p>
</div>
如果我们使用find()方法：
var $find = $("div").find(".rain");
alert( $find.html() ) ;
将会输出：
如果使用filter（）方法：
var $filter = $("div").filter(".rain");
alert( $filter.html() );
将会输出：
也许你已经看出它们的区别了。
find()会在div元素内 寻找 class为rain 的元素。
而filter()则是筛选div的class为rain的元素。
一个是对它的子集操作，一个是对自身集合元素筛选。
另外find()其实还可以用选择器表示:
var $select = $("div .rain");
明白他们的区别了吗？
现在有一个页面，里面HTML代码为;
复制代码 代码如下:
<div class="css">
<p class="rain">测试1</p>
</div>
<div class="rain">
<p>测试2</p>
</div>
如果我们使用find()方法：
var $find = $("div").find(".rain");
alert( $find.html() ) ;
将会输出：
如果使用filter（）方法：
var $filter = $("div").filter(".rain");
alert( $filter.html() );
将会输出：
也许你已经看出它们的区别了。
find()会在div元素内 寻找 class为rain 的元素。
而filter()则是筛选div的class为rain的元素。
一个是对它的子集操作，一个是对自身集合元素筛选。
另外find()其实还可以用选择器表示:
var $select = $("div .rain");
明白他们的区别了吗？
相关文章
基于jQuery 实现bootstrapValidator下的全局验证
这篇文章主要介绍了基于jQuery 实现bootstrapValidator下的全局验证 的相关资料,需要的朋友可以参考下2015-12-12
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
在FF下，切换到中文输入法，再输入中文，是不能立即自动查询，需要按下其他按键，比如CTRL，后来，通过修改源代码即可修复这个问题2012-09-09
有时候为了更好的用户体验，使用jquery的朋友可以参考下代码。2011-09-09
这篇文章主要介绍了jQuery实现的隔行变色功能,结合具体实例形式分析了jQuery事件响应、元素遍历及属性动态操作相关使用技巧,需要的朋友可以参考下2019-02-02
这篇文章主要介绍了JQuery样式与属性设置方法,结合实例形式分析了jQuery属性的获取与设置、以及样式的添加与删除相关操作技巧,需要的朋友可以参考下2019-12-12
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
下面小编就为大家带来一篇用自定义图片代替原生checkbox实现全选,删除以及提交的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
在实际应用中，文本框中有时候只能够允许输入整数，但是有时候可能更为"博爱"一点，可以允许输入浮点数，下面就通过实例代码介绍一下如何利用jquery实现此功能2016-01-01
这篇文章主要介绍了基于EasyUI的基础之上实现树形功能菜单,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-06-06
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
本篇文章主要介绍了etmvc+jQuery EasyUI+combobox多值操作实现角色授权，实现对角色role进行授权操作，有需要的可以了解一下。2016-11-11
jQuery的链式操作是如何实现的？为什么要用链式操作？接下来会帮助大家解决这两个问题，感兴趣的朋友可以了解下2013-01-01
最新评论