jQuery概述

jQuery

jQuery概述

什么是jQuery

jQuery是一個快速、簡潔的 JavaScript 框架，是繼Prototype之后又一個優秀的 JavaScript 代碼庫。jQuery的設計宗旨是“WriteLess，DoMore”，即倡導寫更少的代碼，做 更多的事情。jQuery封裝了 JavaScript 常用的功能代碼，提供一種簡便的 JavaScript 設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的CSS選擇器，并且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容目前各種主流瀏覽器，其語言特點包括以下幾個方面：

(1)快速獲取文檔元素。jQuery的選擇機制構建于CSS的選擇器，提供了快速查詢DOM文檔中元素的能力，而且大大強化了 JavaScript 中獲取頁面元素的方式。

(2)提供漂亮的頁面動態效果。jQuery中內置了一系列的動畫效果，可以開發出非常漂亮的網頁,許多網站都使用jQuery的內置效果,例如淡入淡出、元素移除等動態特效。

(3)創建Ajax無刷新網頁。使用Ajax可以開發出非常靈敏無刷新的網頁，特別是開發服務器端網頁時，需要客戶端與服務器進行通信。如果不使用Ajax，每次數據更新后必須重新刷新整個網頁，而使用Ajax特效后，可以對頁面進行局部刷新，提供動態的效果。

(4)jQuery對基本 JavaScript 結構進行了增強，例如元素迭代和數組處理等操作。(5)增強的事件處理。jQuery提供了各種頁面事件，可以避免程序員在HTML中添加太多的事件處理代碼，最重要的是，其事件處理器消除了各種瀏覽器的兼容性問題。

(6)更改網頁內容。jQuery可以修改網頁中的內容，例如更改網頁的文本、插入或者翻轉網頁圖像，jQuery簡化了原本使用 JavaScript 代碼處理的方式。

JavaScript 與jQuery有本質的區別。 JavaScript 是一種語言，而jQuery是建立在 JavaScript 腳本語言上的一個基本庫，把 JavaScript 進行了封裝，利用jQuery可以更簡單地使用 JavaScript 。jQuery是當前最流行的 JavaScript 庫，封裝了很多預定義的對象和實用函數，jQuery是一個輕量級的 JavaScript 庫，壓縮之后很小，與CSS、瀏覽器兼容。

配置jQuery環境

1.獲取jQuery

在jQuery的官方網站 http://jquery.com/download/,可以直接下載jQuery的最新庫。目前jQuery有三個版本。

(1)1.x：兼容IE6，該版本的使用最為廣泛，官方只做BUG維護，功能不再新增。因此對一般項目來說，使用1.x版本就可以了，最終版本為1.12.4。

(2)2.x：不兼容IE6，很少有人使用，官方只做BUG維護，功能不再新增。如果不考慮兼容低版本的瀏覽器，可以使用2x版本，最終版本為2.2.4。

(3)3.x：不兼容IE8以下的版本，只支持最新的瀏覽器，很多老的jQuery插件不支持這個版本。目前該版本是官方主要更新維護的版本，最新版本為3.3.1。

jQuery官網圖片：

==2.jQuery庫的類型說明==

jQuery庫分為兩種，一種后綴是“. min. js”，是經過工具壓縮后的版本，一般文件尺寸比較小，主要應用于產品和項目開發；另一種后綴是“.js”，是沒有經過壓縮的版本，主要用于測試、學習和開發。

另外,jQuery不需要安裝,把下載的jQuery-1.11.2.js放到網站上的一個公共位置,想在某個頁面上使用jQuery時，只需要在相關的HTML文檔中引入該文件庫即可。

3.在頁面中引入jQuery

本書將jQuery-1.11.2. js放在目錄js下。為了方便調試，在所提供的jQuery例子中使用相對路徑。在實際項目中，應該根據實際需要調整jQuery庫的路徑。

要想使用jQuery庫，使用如下語句先引入jQuery庫：

例：