jQuery外掛簡介

2020-07-16 10:05:29
說起 jQuery 外掛,很多小夥伴都以為是什麼很難學的知識。其實很多時候,晦澀的術語都是用來嚇唬人的。jQuery 外掛,其實非常簡單。一個 jQuery 外掛,你可以把它理解成是使用 jQuery 來封裝的一個功能或特效。對,就是這麼簡單。

一般來說,每一個 jQuery 外掛都是放到獨立的一個檔案中的。我們常說的引入一個 jQuery 外掛,其實就是引入一個外部 JavaScript 檔案。

語法:

<script src="jquery-1.12.4.min.js"></script>
<script src="jquery.[外掛名].min.js"></script>

引入的 jQuery 外掛必須要放到 jQuery 庫檔案的下面,不然 jQuery 外掛就無法生效。道理很簡單,因為 jQuery 外掛就是使用 jQuery 的語法來編寫的。

像下面這種方式就是錯誤的,很多初學者容易犯這種簡單的錯誤,大家要特別注意。

<script src="jquery.[外掛名].min.js"></script>
<script src="jquery-1.12.4.min.js"></script>

那麼就有小夥伴問了:“為什麼要使用 jQuery 外掛呢?我們自己使用 jQuery 來編寫不是一樣可以嗎?”當然可以自己編寫。不過在實際開發的時候,如果什麼功能都自己寫,就太花費時間和精力了。

jQuery 外掛使得我們可以直接使用別人封裝好的功能,只要引入相應的外掛檔案,通過簡單的幾步就可以輕鬆使用相應的功能了。很多時候,jQuery 外掛可以大大減輕我們的工作量。

不過還要說明的是,jQuery 外掛雖然好用,但是不要一味地只用 jQuery 外掛。因為每一個 jQuery 外掛就是一個 JavaScript 檔案,每次使用都會引發一次 HTTP 請求。此外 jQuery 外掛本身冗餘程式碼很多,會嚴重影響頁面的載入速度。因此在實際開發中,我們要堅持一個原則:能自己開發的,盡量不要用 jQuery 外掛,除非這個功能很難或者工作量太大。

最後,我們總結一下 jQuery 外掛的特點,有以下兩點:
  • 一個 jQuery 外掛,就是一個外部 JavaScript 檔案;
  • jQuery 外掛,可以看成是別人封裝好的一個功能,與函數一樣,只需要呼叫就可以了,不需要自己去寫內部邏輯。