一直以來(lái)對(duì)于通過(guò)jQuery方式獲取的對(duì)象，卻不能直接使用JavaScript的方法很不理解，現(xiàn)在知道，原來(lái)jQuery獲得的對(duì)象并不和我們平時(shí)使用getElementById獲得的對(duì)象一樣。所以一些新手就很迷惑，為什么${”#Element”}不能直接innerHTML，這就是原因所在。

創(chuàng)新互聯(lián)公司專注于網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開發(fā)。公司秉持“客戶至上,用心服務(wù)”的宗旨,從客戶的利益和觀點(diǎn)出發(fā),讓客戶在網(wǎng)絡(luò)營(yíng)銷中找到自己的駐足之地。尊重和關(guān)懷每一位客戶，用嚴(yán)謹(jǐn)?shù)膽B(tài)度對(duì)待客戶，用專業(yè)的服務(wù)創(chuàng)造價(jià)值，成為客戶值得信賴的朋友，為客戶解除后顧之憂。

推薦閱讀：jQuery四大天王：核心函數(shù)詳解

jQuery對(duì)象與DOM對(duì)象的轉(zhuǎn)換

只有jQuery對(duì)象才能使用jQuery定義的方法。注意DOM對(duì)象和jQuery對(duì)象是有區(qū)別的，調(diào)用方法時(shí)要注意操作的是DOM對(duì)象還是jQuery對(duì)象。普通的DOM對(duì)象一般可以通過(guò)$()轉(zhuǎn)換成jQuery對(duì)象。

 
 
 

  
  
  
$(document.getElementById("msg"))
  
  
  

 
 
 

則為jQuery對(duì)象，可以使用jQuery的方法。由于jQuery對(duì)象本身是一個(gè)集合。所以如果jQuery對(duì)象要轉(zhuǎn)換為DOM對(duì)象則必須取出其中的某一項(xiàng)，一般可通過(guò)索引取出。

 
 
 

  
  
  
$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]
  
  
  

 
 
 

這些都是DOM對(duì)象，可以使用DOM中的方法，但不能再使用jQuery的方法。以下幾種寫法都是正確的：

 
 
 

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

 
 
 

jQuery DOM操作方法的簡(jiǎn)單歸納

1.每個(gè)匹配的元素中插入新元素，使用：

 
 
 

  
  
  
.append()  
  
  
  
.appendTo()  
  
  
  
.prepend() 
  
  
  
.prependTo()
  
  
  

 
 
 

2.要在每個(gè)匹配的元素相鄰的位置上插入新元素，使用：

 
 
 

  
  
  
.after() 
  
  
  
.insertAfter() 
  
  
  
.before() 
  
  
  
.insertBefore()
  
  
  

 
 
 

3.要在每個(gè)匹配的元素外部插入新元素，使用：

 
 
 

  
  
  
.wrap()
  
  
  

 
 
 

4.要用新元素或文本替換每個(gè)匹配的元素，使用：

 
 
 

  
  
  
.html() 
  
  
  
.text()
  
  
  

 
 
 

5.要移除每個(gè)匹配的元素中的元素，使用：

 
 
 

  
  
  
.empty()
  
  
  

 
 
 

6.要從文檔中移除每個(gè)匹配的元素及后代元素，但不實(shí)際刪除它們，使用：

 
 
 

  
  
  
.remove()
  
  
  
 
 
 
 

原文地址：http://www.ccvita.com/192.html

當(dāng)前文章：詳解jQuery對(duì)象與DOM對(duì)象的相互轉(zhuǎn)換
本文URL：http://uogjgqi.cn/article/cdhpipe.html