jQuery對象與DOM對象的轉換

jQuery對象是包裝DOM對象後產生的,但是兩者卻不能混用,DOM對象才能使用DOM方法,jQuery對象才能使用jQuery方法,以下介紹兩者轉換的方法:


jQuery對象轉成DOM對象:

(1)jQuery對象實際上是一個數據對象,可以通過[index]方法獲得相應的DOM對象。

如:var $v=$("#v"); //得到jQuery對象

var v=$("v")[0];//轉換成DOM對象

(2)jQuery本身可以通過.get(index)方法得到相應的DOM對象

如:var $v=$("#v"); //得到jQuery對象

var v=$v.get(0);


DOM對象轉成jQuery對象:

對於已經是一個DOM對象,只需要用$()將DOM對象包裝起來,就能獲得jQuery對象了

如:var v=document.getElementById("v"); //得到DOM對象

var $v=$(v); //轉成jQuery對象

轉換後,就可以任意使用jQuery的方法了


以下方法都正確:

$("#div").html();

$("#div")[0].innerTHML;

$("#div").eq(0)[0].innerHTML;

$("#div").get(0).innerHTML;

$(document.getElementById("div")).html()


平時在使用過程中可以在變量前面加$以區分DOM對象和jQuery對象,添加$的爲jQuery對象,沒有的則爲DOM對象
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章