Jquery對象本質和隱式迭代

Jquery對象本質可以看成是一個包含一個 dom數組和所有Jquery方法的容器。

要使用Jquery,就必須將dom元素轉成 Jquery對象,然後才能調用JQ對象的 便捷方法。
//所有 div 內部設置一個 span 標籤
var $divs = $("div");
$divs.html("<span>廣州小蠻腰</span>");
每當我們調用選擇器方法查找dom樹裏的元素時,其實就是把找到的dom元素存入一個JQ對象裏的dom數組中,然後再把這個JQ對象返回。
當我們調用Jquery方法時(如 html()),jq方法會遍歷內部 dom數組,並調用每個dom元素的對應的dom屬性或方法(如innerHTML),完成操作。

其中Jq方法遍歷內部dom數組的過程就叫做【隱式迭代】。
【圖例】
補充:每個Jq對象的方法都是從 Jquery函數的 prototype 中共享。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章