以前很簡(jiǎn)單的實(shí)現(xiàn)Dom對(duì)象轉(zhuǎn)換為jquery對(duì)象，也就是$(Dom對(duì)象)這就轉(zhuǎn)換成為jquery對(duì)象了。

反過來(lái)講，怎么將jquery對(duì)象轉(zhuǎn)換為Dom對(duì)象呢？

在jquery電子書中有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ì)象即可。

更多信息請(qǐng)查看IT技術(shù)專欄