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