JQuery對象和DOM對象
Javascript和JQuery的特點
Javascript是Netscape公司開發的一種腳本語言，使得網頁和用戶之間實現一種實時的，動態的和交互的關系，使網頁可以包含更多活躍的元素和更加精彩的內容，JS自身存在3個弊端：①復雜的文檔對象模型（DOM），②不一致的瀏覽器實現和③便捷的開發，調試工具的缺乏。Google公司的一系列Web運用，AJAX（Asynchronous JavaScript And XML,異步的JavaScript和XML）進入人們的視野。
JQuery強調的理念是寫得少，做得多。JQuery獨特的選擇器，鏈式操作，事件處理機制和封裝完善的Ajax都是其他JS庫望塵莫及的。概括起來，JQuery有以下幾大優勢：（1）輕量級。（2）強大的選擇器。（3）出色的DOM操作封裝。（4）可靠的事件處理機制。（5）完善的Ajax。（6）不污染頂級變量。（7）出色的瀏覽器兼容性。（8）鏈式操作方式。（9）隱私迭代。（10）行為層與結構層的分離。（11）豐富的插件支持。（12）完善的文檔。（13）開源。（注意一點：在JQ庫中，若沒有特別說明，$就是jQuery的一個簡寫形式,例如：$("#foo")和jQuery("#foo")是等價的，$.ajax和jQuery.ajax是等價的）
JQuery對象和DOM對象
1. DOM對象
DOM（Document Object Model,文檔對象模型）,每一份DOM都可以表示成一棵樹。先看一個簡單例子：代碼如下
1 // ...省略其他代碼 2 <h3>例子</h3> 3 <p title="選擇你最喜歡的水果">你最喜歡的水果是？</p> 4 <ul> 5 <li>蘋果</li> 6 <li>橘子</li> 7 <li>菠蘿</li> 8 </ul> 9 // ...省略其他代碼
將上面HTML結構描述為一棵DOM樹：
在這棵DOM樹中的節點都是DOM元素節點。可以通過JS中的getElementByTagName或者getElementById來獲取元素節點。像這樣得到的DOM元素就是DOM對象。
2. jQuery對象
jQuery對象就是通過jQuery包裝DOM對象后產生的對象。
jQuery對象是jQuery獨有的。如果一個對象是jQuery對象，那么就可以使用jQuery里的方法。在jQuery對象中無法使用DOM對象的任何方法，同樣的DOM對象也不能使用jQuery里的方法。
jQuery對象和DOM對象的相互轉換
1. jQuery對象轉成DOM對象
jQuery對象不能使用DOM中的方法，但如果對jQuery對象提供的方法不熟悉，或者jQuery沒有封裝想要的方法，不得不使用DOM對象的時候，有兩種處理方法。
（1）jQuery對象是一個類似數組的對象，可以通過[index]的方法得到相應的DOM對象。例如只有一個類名為“bind”的DIV，在控制台輸出console.log($(".bind"))
如圖，通過調試工具，我們可以清除的看到，jQuery對象是一個類數組對象，我們可以通過$(".bind")[0]獲得DOM對象。
（2）另一種方法是jQuery本身提供的，通過get(index)方法得到相應的DOM對象。還是上面的.bind對象 ，我們可以通過 $(".bind").get(0)獲得DOM對象。如圖：
2. DOM對象轉成jQuery對象
對於一個DOM對象，只需要用$()把DOM對象包裝起來，就可以獲得一個jQuery對象了。方式為$(DOM對象), 轉換后，就可以任意使用jQuery中的方法了。
注意： 平時用的jQuery對象都是通過$()函數制造出來的，$()函數就是一個jQuery對象的制造工廠。