jQuery 簡介

語言: CN / TW / HK

本教程我們來學習 JQuery 的基礎入門知識。JQuery 是一個快速、簡潔的 JavaScript 框架,是繼 Prototype 之後又一個優秀的 JavaScript 程式碼庫。jQuery 極大的簡化了 JavaScript 程式設計,例如以前要一大段 JavaScript 程式碼才能實現的功能,使用 jQuery 很輕鬆就能完成。

JQuery 發展歷程

歷程 發展
2005年8月 Prototype的 “Behaviour” 庫的改進
2006年1月 John Resig 等人於 1 月份建立 jQuery ,8 月第一個穩定版本
2007年 jQuery1.1.3 版本釋出
2008年 jQuery1.2.6 版本釋出
2009年1月 jQuery 1.3版釋出
2010年1月 jQuery1.4 版本釋出
2011年1月 jQuery1.5 版本釋出
2012年8月 jQuery1.8 版本釋出
2013年1月 jQuery1.9 版本釋出
2013年4月 jQuery2.0 版本釋出,除去對IE 6-8的支援以提高效能,並降低檔案大小
2016年6月 jQuery3.0 版本釋出,

jQuery的優勢

  • 輕量級,jQuery 的體積較小,壓縮之後,大約只有 100KB。

  • 強大的選擇器,jQuery 支援幾乎所有的 CSS 選擇器,以及 jQuery 自定義的特有選擇器。

  • 出色的 DOM 封裝,jQuery 封裝了大量常用的 DOM 操作,使開發者在編寫 DOM 操作相關程式的時候能夠更加得心應手。

  • 瀏覽器相容性,jQuery 消除了瀏覽器相容問題。

  • 可靠的事件處理機制,jQuery 的事件處理機制吸收了 JavaScript 中的事件處理函式的精華,使得 jQuery 在處理事件繫結時非常可靠。

  • 提供了豐富多彩的頁面動態效果。

  • Ajax 技術的完美結合,極大地方便了程式的開發,增強了頁面互動, 提升了使用者體驗。

  • 有豐富的外掛支援,目前已經有成百上千的官方外掛支援,而且不斷有新外掛面世。

jQuery庫的主要功能

  • HTML 元素選取

  • HTML/DOM 操作

  • CSS 操作

  • JavaScript 效果和動畫

  • HTML DOM 遍歷和修改

  • AJAX

  • Utilities

除此之外,jQuery 還提供了一些外掛供我們使用,對於程式碼的實現方便且快捷。

jQuery和原生 JavaScript 的區別

  • 原生 JavaScriptAPI 名字太長,不容易記住,jQueryAPI 名字容易記住。
  • 原生 JavaScript 有的程式碼冗餘,jQuery 的程式碼簡潔。
  • 原生 JavaScript 中的屬性或者方法有些瀏覽器無法相容,jQuery 幫我們解決了瀏覽器相容問題。
  • 原生 JavaScript 容錯率比較低,前面的程式碼出現問題,後面的程式碼執行不到。jQuery 容錯率比較高,前面的程式碼出現問題,不影響後面的程式碼。
  • 原生 JavaScript 不能新增多個入口函式,如果添加了多個,後面的會把前面的覆蓋掉。jQuery 可以寫多個入口函式。