jquery對象轉(zhuǎn)換成dom對象

字號:


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