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)絡) 引用它。
百度、又拍云、新浪、谷歌和微軟的服務器都存有 jQuery 。
如果你的站點用戶是國內的,建議使用百度、又拍云、新浪等國內CDN地址,如果你站點用戶是國外的可以使用谷歌和微軟。
注:本站實例均采用百度 jQuery CDN庫。
如需從百度、又拍云、新浪、谷歌或微軟引用 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ù)字,谷歌會返回 1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩第一個數(shù)字,那么谷歌會返回 1 系列中最新的可用版本(從 1.1.0 到 1.9.9)。
使用百度、又拍云、新浪、谷歌或微軟的 jQuery,有一個很大的優(yōu)勢:
許多用戶在訪問其他站點時,已經從百度、又拍云、新浪、谷歌或微軟加載過 jQuery。所有結果是,當他們訪問您的站點時,會從緩存中加載 jQuery,這樣可以減少加載時間。同時,大多數(shù) CDN 都可以確保當用戶向其請求文件時,會從離用戶最近的服務器上返回響應,這樣也可以提高加載速度。