jQuery對象和DOM對象的轉換

jQuery對象：通過jQuery包裝DOM對象後産生的對象。

注意：jQuery對象無法使用DOM對象的任何方法，同理，DOM對象也無法使用jQuery對象的任何方法。

是以涉及到轉換：

其中DOM對象也包含了一些jQuery對象沒有包含的成員，但總體來說，jQuery對象要豐富得多。

如果擷取的對象是jQuery對象，在變量前加上$

var $variable=jQuery 對象;      

擷取的是DOM對象

var variable=DOM 對象;      

jQuery對象轉換成DOM對象

jQuery提供了兩種方法将一個jQuery對象轉換成一個DOM對象，即[index]和get(index)

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

var $txtName=$("#txtName");   //jQuery對象
var txtName=$txtName[0];   //DOM對象
alert(txtName.checked);//checked和innerHTML都是DOM對象的方法      

（2）通過get(index)方法得到相應的DOM對象

var $txtName=$("#txtName");   //jQuery對象
var txtName=$txtName.get(0);     //DOM對象
alert(txtName.checked);      

jQuery對象轉成DOM對象并不多見（在實際開發中），但是有些情況：如outerHTML屬性，通過該屬性可以輸出相應的DOM元素的完整的HTML代碼，而jQuery沒有直接提供該功能。

$(DOM對象);      

var txtName=document.getElementById("txtName");  //DOM對象
var $txtName=$(txtName);    //jQuery對象