jQuery環(huán)境搭建
進入官方網(wǎng)站獲取最新的版本?http://jquery.com/download/? ,這裡需要注意jQuery 分2 個系列版本?1.x?與?2.x,主要的區(qū)別在於2.x 不再相容於IE6、 7、8瀏覽器,這樣做的目的是為了相容於行動端開發(fā)。由於減少了一些程式碼,使得該版本比 jQuery 1.x 更小、更快。
如果開發(fā)者比較在意舊版 IE 用戶,只能使用 jQuery 1.9 及之前的版本了。我們這本課程為了相容性問題,使用的是 1.9 版本。 jQuery 每一個系列版本分為:壓縮版(compressed) 與?開發(fā)版(development),我們在開發(fā)過程中使用開發(fā)版(開發(fā)版本便於程式碼修改及調試),專案上線發(fā)布使用壓縮版(因為壓縮版本體積更小,效率更快)。
?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>環(huán)境搭建</title> </head> <body> <script type="text/javascript"> alert($) </script> </body> </html>
替代方案
如果您不希望下載並存放 jQuery,那麼也可以透過 CDN(內容分發(fā)網(wǎng)路) 引用它。
百度、又拍雲(yún)端、新浪、Google和微軟的伺服器都存有 jQuery 。
如果你的網(wǎng)站使用者是國內的,建議使用百度、又拍雲(yún)、新浪等國內CDN地址,如果你網(wǎng)站使用者是國外的可以使用Google和微軟。
附註:本站實例皆採用百度 jQuery CDN函式庫。
如需從百度、又拍雲(yún)、新浪、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產品在中國很不穩(wěn)定。
如果您觀察上什麼的 Google URL - 在 URL 中規(guī)定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的jQuery,也可以從版本字串的結尾(例如本例1.8)刪除一個數(shù)字,Google會返回1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩下第一個數(shù)字,那麼Google會回到1 系列中最新的可用版本(從1.1.0 到1.9.9)。
使用百度、又拍雲(yún)、新浪、Google或微軟的jQuery,有一個很大的優(yōu)勢:
許多用戶在訪問其他網(wǎng)站時,已經從百度、又拍雲(yún)端、新浪、Google或微軟載過jQuery。所有結果是,當他們造訪您的網(wǎng)站時,會從快取中載入 jQuery,這樣可以減少載入時間。同時,大多數(shù) CDN 都可以確保當使用者向其要求檔案時,會從離使用者最近的伺服器上回傳回應,這樣也可以提高載入速度。