jQuery教程

什么是 jQuery

JQuery 是繼 prototype 之后又一個優秀的 Javascript 庫。它是輕量級的 js 庫 ，它兼容 CSS3，還兼容各種瀏覽器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0 及后續版本將不再支持 IE6/7/8 瀏覽器。jQuery 使用戶能更方便地處理 HTML（標準通用標記語言下的一個應用）、events、實現動畫效果，并且方便地為網站提供 AJAX 交互。jQuery 還有一個比較大的優勢是，它的文檔說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇。jQuery 能夠使用戶的 html 頁面保持代碼和 html 內容分離，也就是說，不用再在 html 里面插入一堆 js 來調用命令了，只需要定義 id 即可。

jQuery 是一個兼容多瀏覽器的 javascript 庫，核心理念是 write less,do more(寫得更少,做得更多)。jQuery 在2006 年 1 月由美國人 John Resig 在紐約的 barcamp 發布。

jQuery 是免費、開源的，使用 MIT 許可協議。jQuery 的語法設計可以使開發者更加便捷，例如操作文檔對象、選擇 DOM 元素、制作動畫效果、事件處理、使用 Ajax 以及其他功能。

當前較流行的 JavaScript 庫

DOM 對象

jQuery 對象

jQuery 對象是對 DOM 對象進行二次封裝后的對象，是 jQuery 所特有的對象。其命名一 般以$開頭。其可調用 jQuery 的 API，但不能調用JavaScript 的 API。當然，DOM 更是不能調用 jQuery 的 API 的。

JavaScript對象和jQuery對象

JavaScript語法創建的對象叫做JavaScript對象, JavaScript對象只能調用JavaScript對象的API。

JQuery語法創建的對象叫做JQuery對象, jQuery對象只能調用jQuery對象的API。jQuery對象是一個數組。在數組中存放本次定位的DOM對象。

JQuery對象與JavaScript對象是可以互相轉化的，一般地，由于Jquery用起來更加方便，我們都是將JavaScript對象轉化成Jquery對象。

jQuery 的庫文件

jQuery 的庫文件可以直接從其官網下載：http://jquery.com 

 

jQuery 的不同版本中，2.xx 不再支持 IE6/7/8 瀏覽器?，F今瀏覽器縱生的年代，很多瀏 覽器的內核使用的仍為 IE 內核。所以為了瀏覽器的兼容，一般使用 1.xx 版本的 jQuery。

對于每一個同一版本號的 jQuery，其庫又分為兩個。一個是未壓縮版，可查看源碼，開 發時使用；一個是壓縮版，將注釋、空格均做了刪除，將變量字符數減少，產品上線時使用。

jQuery的缺點
• 不能向后兼容。每一個新版本不能兼容早期的版本。 

• 插件兼容性不是太好，與上一點類似。

• 在同一頁面上使用多個插件時，很容易碰到沖突現象，尤其是這些插件依賴相同事件或selector時最為明顯。 

• 在大型框架中，jQuery核心代碼庫對動畫和特效的支持相對較差。但是實際上這不是一個問題。目前在這方面有一個單獨的jQuery UI項目和眾多插件來彌補此點。

jQuery的安裝

您可以從網頁中添加 jQuery

① 從官網 jquery.com 下載 jQuery 庫

② 從 CDN 中載入 jQuery, 如從 Google 中加載 jQuery

下載 jQuery
Production version - 用于實際的網站中，已被精簡和壓縮。

Development version - 用于測試和開發（未壓縮，是可讀的代碼）

可以通過多種方法在網頁中添加 jQuery。 您可以使用以下方法：

有兩個版本的 jQuery 可供下載：

以上兩個版本都可以從官網jquery.com中下載。