突然想起以前實(shí)驗(yàn)室的老師同學(xué)，放一張照片懷念一下大學(xué)時(shí)光~

jQuery對(duì)象：

什么是jQuery對(duì)象？說(shuō)直白點(diǎn)，就是用jQuery方法獲取到的對(duì)象，例如：

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

DOM對(duì)象：

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

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

jQuery對(duì)象和DOM對(duì)象之間為什么要轉(zhuǎn)換：

因?yàn)樵趈Query對(duì)象中無(wú)法使用DOM對(duì)象的任何方法，反正也是一樣的，如下寫(xiě)法是錯(cuò)誤的：

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

那么我們?cè)趺床拍茉趈Query對(duì)象中使用DOM對(duì)象的方法呢？這就用到了這兩者之間的轉(zhuǎn)換。

jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象:

jQuery提供了兩種方法將一個(gè)jQuery對(duì)象轉(zhuǎn)換成一個(gè)dom對(duì)象，即[index]和get(index)?？赡苡腥藭?huì)覺(jué)得奇怪，怎么是用下標(biāo)呢，沒(méi)錯(cuò)，jQuery對(duì)象就是一個(gè)數(shù)組對(duì)象.

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

DOM對(duì)象轉(zhuǎn)換成jQuery對(duì)象:

對(duì)于一個(gè)dom對(duì)象，只需要用$()把dom對(duì)象包裝起來(lái)，就可以獲得一個(gè)jquery對(duì)象了。

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。