jquery對象與dom對象之間互相轉換的方法

　　本文主要講述jquery對象和js裡的dom對象之間互相轉換的方法，使jquery對象可以直接使用js裡的方法，或js裡的dom對象使用jquery裡的方法。

jquery對象和dom對象是不一樣的，什麼是jquery對象？什麼是dom對象？我們舉個例子來說：

$("#aijquery"): //這種方式擷取得到的就是jquery對象
document.getElementById("aijquery")://這種方法擷取到的就是dom對象
      

jquery對象和dom對象是不一樣的，對象的一些方法也是不一樣的，比如我們要擷取一個标簽的html内容：

document.getElementById("aijquery").innerHTML;//這是dom對象的方法
$("#aijquery").html();//這是jquery對象的方法
      

有時我們在特定的情況下，需要把jquery對象轉換成dom對象，或者把dom對象轉換成jquery對象，兩種對象之間互相轉換的方法：

dom對象轉換為jquery對象：

一般情況下，dom對象直接用$()就可以轉換成jquery對象，如：

$(document.getElementById("aijquery"))
      

jquery對象轉換成dom對象，有兩種方法，一種是用jquery的内置函數get，來擷取dom對象，如：

$("#aijquery").get(0);
      

還有一種方法更簡單，因為jquery對象的屬性是一個集合，是以我們可以像數組那樣，取出其中一項就行：

$("#aijquery")[0];
$("div")[5];
//上面這兩種傳回的都是dom對象,可以直接使用js裡的方法
      

jquery對象和dom對象之間的互相轉換就是上面這幾種方法，總結一下我們經常會用到的一些寫法，下面的這些寫法都是正确的：

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

原文參考：http://www.aijquery.cn/Html/jqueryjiqiao/11.html