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

如何下載和引入jQuery文件?

更新時間:2023-03-27 來源:黑馬程序員 瀏覽量:

1.下載jQuery

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

1679896786988_101.png

jQuery官方網(wǎng)站

在頁面上方可以看到Download jQuery按鈕,該按鈕上的v3.3.1是jQuery當前最新版本的版本號,單擊該按鈕后,進入下載頁面。

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

1679897423195_102.png

圖2 獲取jQuery下載地址

單擊圖2中標示出的鏈接,進入jQuery所有版本的下載頁面,即可看到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文件中的空白字符、注釋、空行等與邏輯無關(guān)的內(nèi)容刪除,并進行一些優(yōu)化,使得文件體積減小,加載速度比未壓端版快。而未壓縮版本的代碼可讀性更好,所以建議讀者在學(xué)習(xí)期間選擇未壓縮版本。

2.引入jQuery

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


分享到:
在線咨詢 我要報名
和我們在線交談!