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

可以看出children方法只会含有当前元素的直系子元素，而使用find(“>*也会产生同样的效果”).若想采纳所有的直系子元素直接在find内传”*”通配符

回到过去的end()方法以及andself()方法

上述所有的方法，以及比如add(),next(),nextAll(),prev()等对包装集内元素进行改变的方法都可以使用end()方法来进行返回:

　　<div　id="wrapper">　
　　　　text　node　here　
　　　　<div　id="two">　
　　　　　　<p　id="p1">　
　　　　　　　　the　two</p>　
　　　　</div>　
　　　　</div>　
　　<script　type="text/javascript">　
　　　　alert($("#wrapper").find(">*").end().get(0).id);//alert　"wrapper"　instead　of　"two"　because　of　end()　method　has　been　used　
　　</script>

end()方法总是和最近的一个和包装集改变的方法相抵消，而抵消其他方法:

　　<div　id="wrapper">　
　　　　text　node　here　
　　　　<div　id="two">　
　　　　　　<p　id="p1">　
　　　　　　　　the　two</p>　
　　　　</div>　
　　　　</div>　
　　<script　type="text/javascript">　
　　　　alert($("#wrapper").find("#p1").html("new　value").end().get(0).id);//alert　wrapper　because　end　method　
　　　　alert($("#p1").text())//alert　new　value　bacause　the　html　method　in　previous　has　not　been　cancelled　
　　</script>

如果需要在改变包装集内元素的情况下还需要包含原始的包装集内元素，使用andself方法:

　　<div　id="wrapper">　
　　　　text　node　here　
　　　　<div　id="two">　
　　　　　　<p　id="p1">　
　　　　　　　　the　two</p>　
　　　　</div>　
　　　　</div>　
　　<script　type="text/javascript">　
　　　　var　$a　=　$("#wrapper").find("#two").andSelf();　
　　　　alert($a[0].id);//alert　two　first　
　　　　alert($a[1].id);//alert　wrapper　after　that　
　　</script>

我们会发现首先alert two,因为two先被选择

PS:liver writer代码高亮插件我一加中文就是乱码，很郁闷的说-.-!!所以注释都是鸟语了

编缉推荐阅读以下文章

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