jQuery下載和安裝

2020-07-16 10:05:25
jQuery 是一套 JavaScript 的庫,它簡化了使用 Javascript 進行網頁特效開發的一些複雜性,提供了對常見任務的自動化和複雜任務的簡化。相對於 JavaScript 的庫來說,更利於學習和掌握,而且具有簡體中文的幫助文件,極大的方便了英文不好的網站建設人員的學習。下面我們介紹一下 jQuery 如何下載與安裝?

jQuery下載

對於 jQuery 檔案,我們可以到 jQuery 官網下載,地址是:http://jquery.com。jQuery 檔案有兩個常用版本:一個是 1.x 版本,另一個是 3.x 版本。3.x 版本是目前的最新版本,與 1.x 版本有著相同的 API。1.x 版本相容 IE6、IE7 和 IE8,而 3.x 版本不相容 IE6、IE7 和 IE8。

在實際開發中,我們建議使用 1.x 版本,而不是 3.x 版本,原因有兩個:
  1. 現在很多網站還是要考慮相容 IE6~IE8;
  2. 大多數 jQuery 外掛不支援 3.x 版本,只支援 1.x 版本。

不管是 1.x 版本,還是 3.x 版本,jQuery 檔案都有兩種型別:①開發版;②壓縮版。表 1 是這兩種型別的比較。

表 1:兩種型別 jQuery 庫檔案的比較
型別 說明
jquery.js (開發版) 沒有壓縮,用於學習原始碼
jquery.min.js (壓縮版) 高度壓縮,用於實際開發

開發版是沒有壓縮的,以“jquery.js”命名,一般供開發者學習 jQuery 內部的實現原理。壓縮版是經過高度壓縮的,以“jquery.min.js”命名,一般供實際開發者使用。

在實際開發中,我們一般都是使用壓縮版,也就是“jquery.min.js”版本。壓縮版經過壓縮,體積小很多,這樣也可以提高頁面載入速度。那麼小夥伴們就會問了:“為什麼不用開發版呢?”其實 jQuery 開發版是供大家學習 jQuery 內部原理的,也就是 jQuery 是怎麼開發出來的。

這就好比你使用一個軟體,此時你是軟體的使用者。但是要讓你來開發軟體,還得具備一定水平才行。對於初學者來說,我們暫時還沒有那個水平去研究 jQuery 內部原理。

jQuery安裝

jQuery 檔案,就是一個“外部 JavaScript檔案”。所謂的安裝 jQuery,其實就是把這個外部 JavaScript 檔案引入後,就可以使用 jQuery 語法了。

對於 1.x 版本來說,現在最新版本是 jquery-1.12.4.min.js。

語法
<script src="jquery-1.12.4.min.js"></script> 
<script> 
    //你的jQuery程式碼 
</script>
說明:我們必須先把 jQuery 庫檔案引入,才能夠使用 jQuery 語法。也就是說,你寫的 jQuery 程式碼必須放在 jQuery 庫檔案下面才能生效。

像下面這種方式就是錯誤的,很多初學者容易犯這種錯誤,大家要特別注意。
<script>
    //你的jQuery程式碼
</script>
<script src="jquery-1.12.4.min.js"></script>
此外,jQuery 庫檔案的路徑一定要寫正確。不少初學者總是發現自己寫的 jQuery 程式碼沒有實現相應的效果,原因很可能就是引入的 jQuery 庫檔案路徑沒有寫正確。