進入官方網站獲取最新的版本 http://jquery.com/download/ ,這裡需要注意jQuery 分2 個系列版本 1.x 與 2.x,主要的區別在於2.x 不再相容於IE6、 7、8瀏覽器,這樣做的目的是為了相容於行動端開發。由於減少了一些程式碼,使得該版本比 jQuery 1.x 更小、更快。
如果開發者比較在意舊版 IE 用戶,只能使用 jQuery 1.9 及之前的版本了。我們這本課程為了相容性問題,使用的是 1.9 版本。 jQuery 每一個系列版本分為:壓縮版(compressed) 與 開發版(development),我們在開發過程中使用開發版(開發版本便於程式碼修改及調試),專案上線發布使用壓縮版(因為壓縮版本體積更小,效率更快)。
jQuery是一個JavaScript腳本庫,不需要特別的安裝,只需要我們在頁面 <head> 標籤內中,透過 script 標籤引入 jQuery 庫。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <title>环境搭建</title> </head> <body> <script type="text/javascript"> alert($) </script> </body> </html>
替代方案
如果您不希望下載並存放 jQuery,那麼也可以透過 CDN(內容分發網路) 引用它。
百度、又拍雲端、新浪、Google和微軟的伺服器都存有 jQuery 。
如果你的網站使用者是國內的,建議使用百度、又拍雲、新浪等國內CDN地址,如果你網站使用者是國外的可以使用Google和微軟。
附註:本站實例皆採用百度 jQuery CDN函式庫。
如需從百度、又拍雲、新浪、Google或微軟引用jQuery,請使用以下程式碼之一:
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>这是一个标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <button>点我</button> </body> </html>
透過Google CDN 來獲得最新可用的版本:
不大建議使用Google CDN來取得版本,因為Google產品在中國很不穩定。
如果您觀察上什麼的 Google URL - 在 URL 中規定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的jQuery,也可以從版本字串的結尾(例如本例1.8)刪除一個數字,Google會返回1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩下第一個數字,那麼Google會回到1 系列中最新的可用版本(從1.1.0 到1.9.9)。
使用百度、又拍雲、新浪、Google或微軟的jQuery,有一個很大的優勢:
許多用戶在訪問其他網站時,已經從百度、又拍雲端、新浪、Google或微軟載過jQuery。所有結果是,當他們造訪您的網站時,會從快取中載入 jQuery,這樣可以減少載入時間。同時,大多數 CDN 都可以確保當使用者向其要求檔案時,會從離使用者最近的伺服器上回傳回應,這樣也可以提高載入速度。