在這一小節(jié)我將會帶領(lǐng)你們了解jQuery對DOM進行遍歷背后的工作機制，這樣可以在編寫代碼時有意識地避免一些不必要的重復(fù)操作，從而提升代碼的性能。

關(guān)于jQuery對象的包裝

var $aaron = $("aaron");

通過對sizzle的分析，我們可以得知Query選擇器最終都是通過DOM接口實現(xiàn)取值的, 但是通過jQuery處理后返回的不僅僅只有DOM對象，而是一個包裝容器，返回jQuery對象：$aaron。

我們來看一下代碼：

在jQuery對象中有個prevObject對象，這個是干嘛用的呢？

如果你想知道prevObject是做什么的，咱們首先得先來了解一下jQuery對象棧，jQuery內(nèi)部維護著一個jQuery對象棧。每個遍歷方法都會找到一組新元素（一個jQuery對象），然后jQuery會把這組元素推入到棧中。

而每個jQuery對象都有三個屬性：context、selector和prevObject，其中的prevObject屬性就指向這個對象棧中的前一個對象，而通過這個屬性可以回溯到最初的DOM元素集中。

為了方便理解，我們做幾個簡單的測試：

下面有一個父元素ul,嵌套了一個li節(jié)點：

<ul id="aaron">
    parent
    <li>child</li>
</ul>

我們現(xiàn)給li綁定一個事件，這個很簡單，找到ul下面的li，綁定即可：

var aaron = $("#aaron");
    aaron.find('li').click(function(){
        alert(1);     //1
    })

此時我又想給父元素綁定一個事件，我們是不是又要在aaron上綁定一次事件呢？是的，上面代碼通過find處理后，此時的上下文是指向每一個li了,所以必須要重新引用aaron元素（li的父元素），然后再綁定click事件：

aaron.click(function(){
      alert(2);     //1
 })

這樣會不會很麻煩，所以jQuery引入一個簡單的內(nèi)部尋址的機制，可以回溯到之前的Dom元素集合，通過end()方法可以實現(xiàn)：

aaron.find('li').click(function() {
        alert(1);
}).end().click(function() {
        alert(2);
})

jQuery為我們操作這個內(nèi)部對象棧提供個非常有用的2個方法

.end()

.addBack()

這里需要指出來可能有些API上是andSelf，因為就Query的api是這樣寫的，andSelf現(xiàn)在是.addBack()的一個別名。在jQuery1.8和更高版本中應(yīng)使用.addBack()

源碼其實也是這樣的

jQuery.fn.andSelf = jQuery.fn.addBack;

調(diào)用第一個方法只是簡單地彈出一個對象（結(jié)果就是回到前一個jQuery對象）。第二個方法更有意思，調(diào)用它會在棧中回溯一個位置，然后把兩個位置上的元素集組合起來，并把這個新的、組合之后的元素集推入棧的上方。

利用這個DOM元素?？梢詼p少重復(fù)的查詢和遍歷的操作，而減少重復(fù)操作也正是優(yōu)化jQuery代碼性能的關(guān)鍵所在。