做自(zì)由與創造的先行者

jQuery 安裝

jQuery中文(wén)手冊

把 jQuery 添加到(dào)您的網頁

如需使用(yòng) jQuery,您需要下(xià)載 jQuery 庫(會(huì)在下(xià)面爲您講解),然後把它包含在希望使用(yòng)的網頁中。

jQuery 庫是一個 JavaScript 文(wén)件,您可以使用(yòng) HTML 的 <script> 标簽引用(yòng)它:

<head>

<script src="jquery.js"></script>

</head>

請(qǐng)注意,<script> 标簽應該位于頁面的 <head> 部分。

提示:您是否很(hěn)疑惑爲什(shén)麽我們沒有在 <script> 标簽中使用(yòng) type="text/javascript" ?

在 HTML5 中,不必那樣做了(le)。JavaScript 是 HTML5 以及所有現(xiàn)代浏覽器中的默認腳本語言!

下(xià)載 jQuery

有兩個版本的 jQuery 可供下(xià)載:

Production version - 用(yòng)于實際的網站(zhàn)中,已被精簡和(hé)壓縮。

Development version - 用(yòng)于測試和(hé)開(kāi)發(未壓縮,是可讀的代碼)

這(zhè)兩個版本都可以從(cóng) jQuery.com 下(xià)載。

提示:您可以把下(xià)載文(wén)件放(fàng)到(dào)與頁面相同的目錄中,這(zhè)樣更方便使用(yòng)。

替代方案

如果您不希望下(xià)載并存放(fàng) jQuery,那麽也(yě)可以通過 CDN(内容分發網絡) 引用(yòng)它。

谷歌和(hé)微軟的服務器都存有 jQuery 。

如需從(cóng)谷歌或微軟引用(yòng) jQuery,請(qǐng)使用(yòng)以下(xià)代碼之一:

Google CDN:

<head>

<script src="static/js/jquery.min.js">

</script>

</head>

提示:通過 Google CDN 來(lái)獲得最新可用(yòng)的版本:

如果您觀察上(shàng)什(shén)麽的 Google URL - 在 URL 中規定了(le) jQuery 版本 (1.8.0)。如果您希望使用(yòng)最新版本的 jQuery,也(yě)可以從(cóng)版本字符串的末尾(比如本例 1.8)删除一個數字,谷歌會(huì)返回 1.8 系列中最新的可用(yòng)版本(1.8.0、1.8.1 等等),或者也(yě)可以隻剩第一個數字,那麽谷歌會(huì)返回 1 系列中最新的可用(yòng)版本(從(cóng) 1.1.0 到(dào) 1.9.9)。

Microsoft CDN:

<head>

<script src="static/js/jquery-1.8.0.js">

</script>

</head>

提示:使用(yòng)谷歌或微軟的 jQuery,有一個很(hěn)大(dà)的優勢:

許多用(yòng)戶在訪問其他(tā)站(zhàn)點時(shí),已經從(cóng)谷歌或微軟加載過 jQuery。所有結果是,當他(tā)們訪問您的站(zhàn)點時(shí),會(huì)從(cóng)緩存中加載 jQuery,這(zhè)樣可以減少加載時(shí)間。同時(shí),大(dà)多數 CDN 都可以确保當用(yòng)戶向其請(qǐng)求文(wén)件時(shí),會(huì)從(cóng)離用(yòng)戶最近的服務器上(shàng)返回響應,這(zhè)樣也(yě)可以提高(gāo)加載速度。

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:jQuery 語法
上(shàng)一篇:jQuery 簡介