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對象