jquery對象轉換成dom對象
來源:易賢網(wǎng) 閱讀:1393 次 日期:2016-06-24 09:24:26
溫馨提示:易賢網(wǎng)小編為您整理了“jquery對象轉換成dom對象”,方便廣大網(wǎng)友查閱!

以前很簡單的實現(xiàn)dom對象轉換為jquery對象,也就是$(dom對象)這就轉換成為jquery對象了。

反過來講,怎么將jquery對象轉換為dom對象呢?

在jquery電子書中有get()和get(index)的方法,是將jquery對象轉換為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的屬性,直接將對應的的內容輸出,證明了是dom對象

然后我們再看get(index),這個index就是索引,上面返回的是數(shù)組,index就是數(shù)組索引如果是0則獲

取的是第一個dom對象。

$(.forasp).get(0).innerhtml;//的值是網(wǎng)站

在將jquery對象轉換為dom對象還有,直接將jqueryd對象當做數(shù)組,后面直接跟索引即可。

$(.forasp)[0].innerhtml;//的值是網(wǎng)站

$(.forasp)[1].innerhtml;//的值是學習

于是有了jquery對象的轉換等價:

$(.forasp)[0]==$(.forasp).get(0)==$(.forasp).get()[0]

以上的索引是0,返回的均為dom對象,并且以上返回相同。

當我們用jquery獲取數(shù)組時,將jquery對象數(shù)組轉換為dom數(shù)組呢?

將上面的0用for循環(huán)出來對象即可。

更多信息請查看腳本欄目
易賢網(wǎng)手機網(wǎng)站地址:jquery對象轉換成dom對象
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網(wǎng)