把 jQuery 添加到您的網頁
如需使用 jQuery,您需要下載 jQuery 庫(會在下面為您講解),然后把它包含在希望使用的網頁中。
jQuery 庫是一個 JavaScript 文件,您可以使用 HTML 的 <script> 標簽引用它:
<head> <script src="jquery.js"></script> </head>
請注意,<script> 標簽應該位于頁面的 <head> 部分。
提示:您是否很疑惑為什么我們沒有在 <script> 標簽中使用 type="text/javascript" ?
在 HTML5 中,不必那樣做了。JavaScript 是 HTML5 以及所有現代瀏覽器中的默認腳本語言!
下載 jQuery
有兩個版本的 jQuery 可供下載:
- Production version - 用于實際的網站中,已被精簡和壓縮。
- Development version - 用于測試和開發(未壓縮,是可讀的代碼)
這兩個版本都可以從 jQuery.com 下載。
提示:您可以把下載文件放到與頁面相同的目錄中,這樣更方便使用。
替代方案
如果您不希望下載并存放 jQuery,那么也可以通過 CDN(內容分發網絡) 引用它。
谷歌和微軟的服務器都存有 jQuery 。
如需從谷歌或微軟引用 jQuery,請使用以下代碼之一:
Google CDN:
<head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script> </head>
親自試一試
提示:通過 Google CDN 來獲得最新可用的版本:
如果您觀察上什么的 Google URL - 在 URL 中規定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery,也可以從版本字符串的末尾(比如本例 1.8)刪除一個數字,谷歌會返回 1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩第一個數字,那么谷歌會返回 1 系列中最新的可用版本(從 1.1.0 到 1.9.9)。
Microsoft CDN:
<head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script> </head>
親自試一試
提示:使用谷歌或微軟的 jQuery,有一個很大的優勢:
許多用戶在訪問其他站點時,已經從谷歌或微軟加載過 jQuery。所有結果是,當他們訪問您的站點時,會從緩存中加載 jQuery,這樣可以減少加載時間。同時,大多數 CDN 都可以確保當用戶向其請求文件時,會從離用戶最近的服務器上返回響應,這樣也可以提高加載速度。