以前很簡(jiǎn)單的實(shí)現(xiàn)dom對(duì)象轉(zhuǎn)換為jquery對(duì)象,也就是$(dom對(duì)象)這就轉(zhuǎn)換成為jquery對(duì)象了。
反過(guò)來(lái)講,怎么將jquery對(duì)象轉(zhuǎn)換為dom對(duì)象呢?
在jquery電子書(shū)中有g(shù)et()和get(index)的方法,是將jquery對(duì)象轉(zhuǎn)換為dom對(duì)象的。
先看jquery的get()方法:
取得所有匹配的 dom 元素集合。
get()返回的是一個(gè)集合,不是單個(gè)的元素。
代碼如下:
<div class=forasp>網(wǎng)站</div>
<div class=forasp>制作</div>
<div class=forasp>學(xué)習(xí)</div>
<div class=forasp>anypoetry.com</div>
$(function(){
var obj_a = $(.forasp).get();
var forasp = obj_a.length;
for(var cn=0;cn<forasp;cn++){
alert(obj_a[cn].innerhtml);
}
}
看到obj_a 是dom對(duì)象,有innerhtml的屬性,直接將對(duì)應(yīng)的的內(nèi)容輸出,證明了是dom對(duì)象
然后我們?cè)倏磄et(index),這個(gè)index就是索引,上面返回的是數(shù)組,index就是數(shù)組索引如果是0則獲
取的是第一個(gè)dom對(duì)象。
$(.forasp).get(0).innerhtml;//的值是網(wǎng)站
在將jquery對(duì)象轉(zhuǎn)換為dom對(duì)象還有,直接將jqueryd對(duì)象當(dāng)做數(shù)組,后面直接跟索引即可。
$(.forasp)[0].innerhtml;//的值是網(wǎng)站
$(.forasp)[1].innerhtml;//的值是學(xué)習(xí)
于是有了jquery對(duì)象的轉(zhuǎn)換等價(jià):
$(.forasp)[0]==$(.forasp).get(0)==$(.forasp).get()[0]
以上的索引是0,返回的均為dom對(duì)象,并且以上返回相同。
當(dāng)我們用jquery獲取數(shù)組時(shí),將jquery對(duì)象數(shù)組轉(zhuǎn)換為dom數(shù)組呢?
將上面的0用for循環(huán)出來(lái)對(duì)象即可。