首頁(yè)技術(shù)文章正文

如何下載和引入jQuery文件?

更新時(shí)間:2023-03-27 來(lái)源:黑馬程序員 瀏覽量:

1.下載jQuery

訪問jQuery官方網(wǎng)站(http://jquery.com),如圖1-1所示。

1679896786988_101.png

jQuery官方網(wǎng)站

在頁(yè)面上方可以看到Download jQuery按鈕,該按鈕上的v3.3.1是jQuery當(dāng)前最新版本的版本號(hào),單擊該按鈕后,進(jìn)入下載頁(yè)面。

為了獲取其他版本的jQuery,在下載頁(yè)面的下半部分找到https://code.jquery.com鏈接,獲取jQuery所有版本的下載鏈接地址,如圖2所示。

1679897423195_102.png

圖2 獲取jQuery下載地址

單擊圖2中標(biāo)示出的鏈接,進(jìn)入jQuery所有版本的下載頁(yè)面,即可看到j(luò)Query1.12.4版本的jQuery文件下載鏈接,如圖3所示。

1679897660137_103.png

圖3 jQuery 1.12.4壓縮版和未壓縮版

從圖l-3中可以看出,jQuery文件的類型主要包括未壓縮(uncompressed)的開發(fā)版和壓縮(minified)后的生產(chǎn)版。它們的區(qū)別在于,壓縮版本是將jQuery文件中的空白字符、注釋、空行等與邏輯無(wú)關(guān)的內(nèi)容刪除,并進(jìn)行一些優(yōu)化,使得文件體積減小,加載速度比未壓端版快。而未壓縮版本的代碼可讀性更好,所以建議讀者在學(xué)習(xí)期間選擇未壓縮版本。

2.引入jQuery

在項(xiàng)目中引入jQuery時(shí),只需要把下載好的jQuery文件保存到項(xiàng)目目錄中,在項(xiàng)目的HTML文件中使用標(biāo)簽引入即可。示例代碼如下。
<!--引入本地下載的jQuery-->
<script src="jquery-1.12.4.js"></script>
許多網(wǎng)站提供了靜態(tài)資源公共庫(kù),通過CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))可以提高jQuery的下載速度。示例代碼如下。
<!--引入CDN加速的jQuery-->
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>


分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!