做(zuò)自(zì)由與創造的先行(xíng)者

jQuery 安裝

jQuery中文手冊

把 jQuery 添加到您的網頁

如(rú)需使用 jQuery,您需要(yào)下(xià)載 jQuery 庫(會在下(xià)面為(wèi)您講解),然後把它包含在希望使用的網頁中。

jQuery 庫是一(yī)個 JavaScript 文件,您可(kě)以使用 HTML 的 <script> 标簽引用它:

<head>

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

</head>

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

提示:您是否很(hěn)疑惑為(wèi)什麽我們沒有在 <script> 标簽中使用 type="text/javascript" ?

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

下(xià)載 jQuery

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

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

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

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

提示:您可(kě)以把下(xià)載文件放到與頁面相同的目錄中,這(zhè)樣更方便使用。

替代方案

如(rú)果您不希望下(xià)載并存放 jQuery,那(nà)麽也可(kě)以通(tōng)過 CDN(內(nèi)容分發網絡) 引用它。

谷歌(gē)和(hé)微(wēi)軟的服務器都(dōu)存有 jQuery 。

如(rú)需從(cóng)谷歌(gē)或微(wēi)軟引用 jQuery,請(qǐng)使用以下(xià)代碼之一(yī):

Google CDN:

<head>

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

</script>

</head>

提示:通(tōng)過 Google CDN 來獲得最新可(kě)用的版本:

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

Microsoft CDN:

<head>

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

</script>

</head>

提示:使用谷歌(gē)或微(wēi)軟的 jQuery,有一(yī)個很(hěn)大的優勢:

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

網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:jQuery 語法
上(shàng)一(yī)篇:jQuery 簡介