突然想起以前實驗室的老師同學，放一張照片懷念一下大學時光~

jQuery對象：

什么是jQuery對象？說直白點，就是用jQuery方法獲取到的對象，例如：

var $obj = $("#uw3c"); //jQuery對象;

DOM對象：

DOM對象，就是我們用原生的JavaAcript方法獲得的對象，例如：

var domObj = document.getElementById("uw3c"); //DOM對象

jQuery對象和DOM對象之間為什么要轉換：

因為在jQuery對象中無法使用DOM對象的任何方法，反正也是一樣的，如下寫法是錯誤的：

$("#uw3c").innerHTML; //jquery對象,DOM方法。

那么我們怎么才能在jQuery對象中使用DOM對象的方法呢？這就用到了這兩者之間的轉換。

jQuery對象轉換成DOM對象:

jQuery提供了兩種方法將一個jQuery對象轉換成一個dom對象，即[index]和get(index)。可能有人會覺得奇怪，怎么是用下標呢，沒錯，jQuery對象就是一個數組對象.

var $uw3c=$("#uw3c"); //jquery對象var uw3c = $uw3c[0]; //dom對象var uw3c=$uw3c.get(0); //dom對象uw3c.innerHTML; //從而可以使用DOM方法

DOM對象轉換成jQuery對象:

對于一個dom對象，只需要用$()把dom對象包裝起來，就可以獲得一個jquery對象了。

var uw3c=document.getElementById("uw3c"); //dom對象var $uw3c = $(uw3c); //轉換成jquery對象$uw3c.html(); //從而可以使用jQuery方法

總結

以上是生活随笔為你收集整理的jQuery对象与DOM对象的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。