Jquery對象本質“可以看成”是一個包含一個 dom數組和所有Jquery方法的容器(補充:方法在所有jq對象共享的jq原型屬性prototype中,jq對象本質是一個“類數組”)。
要使用Jquery,就必須將dom元素轉成 Jquery對象,然后才能調用JQ對象的 便捷方法。
1 //所有 div 內部設置一個 span 標簽 2 var $divs = $("div"); 3 $divs.html("<span>廣州小蠻腰</span>");
每當我們調用選擇器方法查找dom樹里的元素時,其實就是把找到的dom元素存入一個JQ對象里的dom數組中,然后再把這個JQ對象返回。
當我們調用Jquery方法時(如 html()),jq方法會遍歷內部 dom數組,並調用每個dom元素的對應的dom屬性或方法(如innerHTML),完成操作。
其中Jq方法遍歷內部dom數組的過程就叫做【隱式迭代】。
【圖例】
補充:每個Jq對象的方法都是從 Jquery函數的 prototype 中共享。此文主要是方便初學者理解JQ對象。