JQuery Tips（3）－－－－关于$()包装集内元素的改变

核心提示：JQuery包装集内的元素在一开始的选定后，还可以通过一系列JQuery提供的方法对包装集内的元素进行扩充，JQuery Tips（3）－－－－关于$()包装集内元素的改变，修改，筛选，删除 find()方法 VS filter()方法这两个方法是比较容易搞混的.filter方法表示的是对当前内部的元素进行筛选,这个接

JQuery包装集内的元素在一开始的选定后，还可以通过一系列JQuery提供的方法对包装集内的元素进行扩充，修改，筛选，删除

find()方法 VS filter()方法

这两个方法是比较容易搞混的.

filter方法表示的是对当前内部的元素进行筛选,这个接受两种参数，一个返回bool的function,或者是JQuery的选择表达式,包装集内的元素只会小于等于当前包装集内的元素，并且含有的元素属于原来包装集内元素的子集：

<div　id="one">the　one</div>　
<div　id="two"><p>the　two</p></div>　
<div　id="three"><p>the　three</p></div>　
　　<script　type="text/javascript">　
　　　　alert($("div").filter(":not(:first):not(:last)").html());　//out　put<p>the　two</p>　
　　　　alert($("div").filter(function()　{　return　this.id　==　"two";　}).html());//output　<p>the　two</p>　as　well　
　　　　　
　　</script>

而find方法却是在当前元素内（子元素）部进行查找，并返回

新的包装集

,这意味着包装集可能会增加:

<div　id="one">the　one</div>　
<div　id="two"><p>the　two</p><p></p><p></p></div>　
<div　id="three"><p>the　three</p></div>　
　　<script　type="text/javascript">　
　　　　alert($("div").find("p").text());　//alert　"the　twothe　three"　
　　　　alert($("div").find("p").length);　//alert　4　instead　of　original　3　
　　</script>

编缉推荐阅读以下文章

• JQuery Tips(2)----关于$()包装集你不知道的
• JQuery Tips(1)----关于$.Ready()