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