天天看點

如何下載下傳和引入jQuery檔案?

作者:黑馬程式員

1.下載下傳jQuery

通路jQuery官方網站(http://jquery.com),如圖1-1所示。

如何下載下傳和引入jQuery檔案?

jQuery官方網站

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

為了擷取其他版本的jQuery,在下載下傳頁面的下半部分找到https://code.jquery.com連結,擷取jQuery所有版本的下載下傳連結位址,如圖2所示。

如何下載下傳和引入jQuery檔案?

圖2 擷取jQuery下載下傳位址

單擊圖2中标示出的連結,進入jQuery所有版本的下載下傳頁面,即可看到jQuery1.12.4版本的jQuery檔案下載下傳連結,如圖3所示。

如何下載下傳和引入jQuery檔案?

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

從圖l-3中可以看出,jQuery檔案的類型主要包括未壓縮(uncompressed)的開發版和壓縮(minified)後的生産版。它們的差別在于,壓縮版本是将jQuery檔案中的空白字元、注釋、空行等與邏輯無關的内容删除,并進行一些優化,使得檔案體積減小,加載速度比未壓端版快。而未壓縮版本的代碼可讀性更好,是以建議讀者在學習期間選擇未壓縮版本。

2.引入jQuery

在項目中引入jQuery時,隻需要把下載下傳好的jQuery檔案儲存到項目目錄中,在項目的HTML檔案中使用标簽引入即可。示例代碼如下。

<!--引入本地下載下傳的jQuery-->
<script src="jquery-1.12.4.js"></script>           

許多網站提供了靜态資源公共庫,通過CDN(内容分發網絡)可以提高jQuery的下載下傳速度。示例代碼如下。

<!--引入CDN加速的jQuery-->
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>