JQuery Tips(2)－－－－关于$()包装集你不知道的

包装集总是面向集合的

我想这个理解起来很简单，被$()包装的JQuery对象总是以集合的形式出现.就算包装集中只有一个对象.

<div　id="a"></div>　
<div　id="b"></div>　
　　<script　type="text/javascript">　
　　　　$("div").html("hi");　
　　　　　
　　　　　
　　</script>

上面被选择的两个DIV的内容都会被改变为”hi”

包装集内元素的顺序

在被JQuery包装的元素中,包装集中所包含的内部顺序是按照HTML流从先向后排列的，而不是选择顺序:

<div　id="a">here　is　a</div>　
<div　id="b">here　is　b</div>　
　　<script　type="text/javascript">　
　　　　var　Se　=　$("#b,#a");　
　　　　alert(Se.get(0).innerHTML);　
　　　　alert(Se.get(1).innerHTML);　
　　　　　
　　　　　
　　</script>

上面代码可以看到，虽然是b先被选择，但是在执行alert的时候会先弹出”here is a”继而是“here is b”

JQuery对象和DOM的转化

首先，是DOM转化成JQuery对象，这个很容易，只需包含在$()里面即可.但有一点注意的是，再被JQuery包装的元素的事件内，this总是指向当前对象:

<div　id="a">here　is　a</div>　
<div　id="b">here　is　b</div>　
　　<script　type="text/javascript">　
　　　　$("div").click(function()　{　
　　　　　　alert(this.id);//this　Ö¸Ïòµ±Ç°µÄDOM　
　　　　});　
　　　　　
　　　　　
　　</script>

编缉推荐阅读以下文章

• JQuery Tips（3）----关于$()包装集内元素的改变
• JQuery Tips(1)----关于$.Ready()