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

51CTO推薦閱讀：jQuery四大天王：核心函數詳解

jQuery對象與DOM對象的轉換

只有jQuery對象才能使用jQuery定義的方法。注意DOM對象和jQuery對象是有區別的，調用方法時要注意操作的是DOM對象還是jQuery對象。普通的DOM對象一般可以通過$()轉換成jQuery對象。

$(document.getElementById("msg"))
 

則為jQuery對象，可以使用jQuery的方法。由于jQuery對象本身是一個集合。所以如果jQuery對象要轉換為DOM對象則必須取出其中的某一項，一般可通過索引取出。

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

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

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

jQuery DOM操作方法的簡單歸納

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

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

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

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

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

.wrap() 
 

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

.html()  
.text()
 

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

.empty()
 

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

.remove()
  

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

【編輯推薦】

1. jQuery核心部分原理的模擬代碼
2. jQuery***實踐：精妙的自定義事件
3. jQuery讓開發者戀戀不舍的秘密