Jquery對(duì)象本質(zhì)和隱式迭代

發(fā)布時(shí)間：2020-07-01 21:52:33 來(lái)源：網(wǎng)絡(luò) 閱讀：1789 作者：jameszou707 欄目：web開(kāi)發(fā)

Jquery對(duì)象本質(zhì)可以看成是一個(gè)包含一個(gè) dom數(shù)組和所有Jquery方法的容器。

要使用Jquery，就必須將dom元素轉(zhuǎn)成 Jquery對(duì)象，然后才能調(diào)用JQ對(duì)象的便捷方法。

//所有 div 內(nèi)部設(shè)置一個(gè) span 標(biāo)簽
var $divs = $("div");
$divs.html("<span>廣州小蠻腰</span>");

每當(dāng)我們調(diào)用選擇器方法查找dom樹(shù)里的元素時(shí)，其實(shí)就是把找到的dom元素存入一個(gè)JQ對(duì)象里的dom數(shù)組中，然后再把這個(gè)JQ對(duì)象返回。

當(dāng)我們調(diào)用Jquery方法時(shí)（如 html()），jq方法會(huì)遍歷內(nèi)部 dom數(shù)組，并調(diào)用每個(gè)dom元素的對(duì)應(yīng)的dom屬性或方法（如innerHTML），完成操作。

其中Jq方法遍歷內(nèi)部dom數(shù)組的過(guò)程就叫做【隱式迭代】。

【圖例】

補(bǔ)充：每個(gè)Jq對(duì)象的方法都是從 Jquery函數(shù)的 prototype 中共享。

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡