jquery對(duì)象轉(zhuǎn)換成Dom對(duì)象

字號(hào):


    以前很簡(jiǎn)單的實(shí)現(xiàn)Dom對(duì)象轉(zhuǎn)換為jquery對(duì)象,也就是$(Dom對(duì)象)這就轉(zhuǎn)換成為jquery對(duì)象了。
    反過來講,怎么將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>網(wǎng)站</div>
    <div>制作</div>
    <div>學(xué)習(xí)</div>
    <div>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)出來對(duì)象即可。