DOM對象和jQuery對象的相互轉換

在學習jQuery的時候，有時候總是把DOM對象和jQuery對象弄混，用DOM對象去調用jQuery對象的方法，用jQuery對象的方法去調用DOM對象的方法，這是不可以的。其實這兩種東西可以進行相互的轉換，在使用的時候可以搭配使用。轉換的過程十分的簡單。

1、DOM對象轉換為jQuery對象

對於一個DOM對象來說，要把它轉換成jQuery對象只需要給DOM對象前加上$符號即可。

格式：$(DOM對象)

代碼示例：

1. var obj = document.getElementById("text");  
2. var jq_obj = $(obj); 

經過這樣的轉換以後，jq_obj就變成了一個jQuery的對象，就可以使用如html()，text()這樣的jQuery的方法了。

2、jQuery對象轉換為DOM對象

對於一個jQuery對象來說，要把它轉換成DOM對象有兩種方法，第一種方法是通過數組下標的方法來得到DOM對象。

格式：jQuery對象[index]

代碼示例：

var dom_obj = jq_obj[0];  

第二種方法是jQuery對象本身提供的，通過get方法得到相應的DOM對象。

格式：jQuery對象.get[index]

代碼示例：

var dom_obj = jq_obj.get[0];  

在使用的時候可以任意地相互轉換jQuery對象和DOM對象。