以前很簡單的實現(xiàn)Dom對象轉換為jquery對象,也就是$(Dom對象)這就轉換成為jquery對象了。
反過來講,怎么將jquery對象轉換為Dom對象呢?
在jquery電子書中有get()和get(index)的方法,是將jquery對象轉換為Dom對象的。
先看jquery的get()方法:
取得所有匹配的 DOM 元素集合。
get()返回的是一個集合,不是單個的元素。
看下面的代碼:
<div class="forasp">網站</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;//的值是"網站"
在將jquery對象轉換為Dom對象還有,直接將jqueryd對象當做數(shù)組,后面直接跟索引即可。
$(".forasp")[0].innerHTML;//的值是"網站"
$(".forasp")[1].innerHTML;//的值是"學習"
于是有了jquery對象的轉換等價:
$(".forasp")[0]==$(".forasp").get(0)==$(".forasp").get()[0]
以上的索引是0,返回的均為Dom對象,并且以上返回相同。
當我們用jquery獲取數(shù)組時,將jquery對象數(shù)組轉換為Dom數(shù)組呢?
將上面的0用for循環(huán)出來對象即可。
更多信息請查看IT技術專欄