在學習 jQuery 之前,我們先來給小夥伴們介紹一下 jQuery 開發的基礎知識。了解這些,對後續學習是非常重要的,同時也能讓你少走很多彎路。
從“JavaScript”到“JavaScript庫”
“jQuery、Prototype、Mootools、YUI、Dojo、Ext.js……”在平常的學習中,我們或多或少都聽過以上這些名詞。其實,這些都來自 JavaScript 庫。那麼問題就來了:“JavaScript 庫又是什麼呢?本來已經有 JavaScript 了,為什麼還會出現這玩意兒?”
我們都知道,JavaScript 是一門很煩瑣的程式語言,不僅語法複雜,還會出現各種相容問題。舉個簡單的例子,如果我們使用 JavaScript 來實現動畫效果(如滑動、過渡等),那麼程式碼量會非常大,而且還得對各個瀏覽器作相容處理。因此,為了減少工作量,我們常常會把 JavaScript 中經常用到的一些功能或特效封裝成一個“程式碼庫”,這樣在實際開發中只需要呼叫一些簡單的函數就能直接使用這些功能或特效了。
對於“JavaScript”和“JavaScript庫”的關係,可以這樣去理解。如果經常用到某一個特效,我們可以把這個特效封裝成一個函數。這樣以後需要用到這個特效時,我們只需要呼叫這個函數就可以了。我們把常用的功能或特效都像上面那樣封裝成一個個函數,這些函數放在一起就成了一個“JavaScript 庫”。也就是說:jQuery、Prototype、Mootools 等,本身都是用 JavaScript 來寫的。(這句話應該很好理解。)
打個比方,我們把“JavaScript”看成是“原料”,則“JavaScript 庫”可以看成是用原料做成的“半成品”,而程式用到的功能或特效就是“成品”。如果想要得到一件成品,你可以直接用原料做,也可以用半成品做。不過用原料來做,工序肯定更多,時間也更長。而使用半成品來做,則可以省去很多工序,時間也會縮短很多。
實際上,我們即將學到的 jQuery 就是眾多 JavaScript 庫中非常好用的半成品,也是用得非常頻繁的半成品。
關於jQuery
jQuery,也就是 JavaScript 和查詢(Query)的組合,即輔助 JavaScript 開發的一個庫。jQuery 是全球十分流行的 JavaScript 庫。在世界存取量前 10000 的網站中,超過 55% 的網站在使用 jQuery。
圖 1:jQuery