jQuery 獲取DOM節點的兩種方式

jQuery中包裹后的DOM對象實際上是一個數組，要獲得純粹的DOM對象可以有兩種方式：

1、使用數組索引方式訪問，例如：

var dom = $(dom)[0];

 如： $("#id")[0] 

 

2、使用函數get()訪問，例如：

var dom = $(dom).get(0);

get()函數中的參數為索引號。

什么是jQuery對象？

就是通過jQuery包裝DOM對象后產生的對象。jQuery對象是jQuery獨有的，其可以使用jQuery里的方法。

比如：

$("#test").html() 意思是指：獲取ID為test的元素內的html代碼。其中html()是jQuery里的方法

這段代碼等同於用DOM實現代碼：

document.getElementById("id").innerHTML;

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對象與dom對象的轉換

則為jquery對象，可以使用jquery的方法。

由於jquery對象本身是一個集合。所以如果jquery對象要轉換為dom對象則必須取出其中的某一項，一般可通過索引取出。

$("#msg")[0]，   $("div").eq(1)[0]，   $("div").get()[1]，   $("td")[5]

這些都是dom對象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下幾種寫法都是正確的：

$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;