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