$("#id")與document.getElementById("id") 即 jQuery對象和DOM對象相互轉換

 

jQuery對象轉成DOM對象：

兩種轉換方式將一個jQuery對象轉換成DOM對象：[index]和.get(index);

(1)jQuery對象是一個數據對象，可以通過[index]的方法，來得到相應的DOM對象。

如：var $v =$("#v") ; //jQuery對象

var v=$v[0]; //DOM對象

alert(v.checked) //檢測這個checkbox是否被選中

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

如：var $v=$("#v"); //jQuery對象

var v=$v.get(0); //DOM對象

alert(v.checked) //檢測這個checkbox是否被選中

DOM對象轉成jQuery對象:

對於已經是一個DOM對象，只需要用$()把DOM對象包裝起來，就可以獲得一個jQuery對象了。$(DOM對象)

如：var v=document.getElementById("v"); //DOM對象

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

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

通過以上方法，可以任意的相互轉換jQuery對象和DOM對象。需要再強調注意的是：DOM對象才能使用DOM中的方法，jQuery對象是不可以用DOM中的方法。