簡介
jQuery 是一套跨瀏覽器的 JavaScript 函式庫,簡化 HTML 與 JavaScript 之間的操作。由約翰·雷西格(John Resig)在 2006 年 1 月的 BarCamp NYC 上釋出第一個版本。目前是由 Dave Methvin 領導的開發團隊進行開發。全球前 10,000 個存取最高的網站中,有 65% 使用了 jQuery,是目前最受歡迎的 JavaScript 函式庫。
特色
jQuery有下列特色:
- 使用多瀏覽器開源選擇器引擎 Sizzle(jQuery 專案的衍生產品)進行 DOM 元素選擇。
- 基於 CSS 選擇器的 DOM 操作,使用元素的名稱和屬性(如 id 和 class)作為選擇 DOM 中節點的條件。
- 事件。
- 特效和動畫。
- Ajax。
- Deferred 和 Promise 物件來控制非同步處理。
- JSON 解析。
- 通過外掛程式擴充。
- 工具函式,如特徵檢測。
- 現代瀏覽器中原生的相容性方法,但對於舊版瀏覽器需要後備(fallback)方法,比如
inArray()
和each()
。 - 多瀏覽器(不要與跨瀏覽器混淆)支援。
載入 jQuery
官網
cdn,或複製下方網址匯入 script 標籤。(目前最新版本)。
1 | https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js |
使用 jQuery 函式
有別於原生 JavaScript 要寫落落長的程式碼。起手式很容易,可以這樣寫:
1 | $(document).ready(function () { |
或是,
1 | $(function () { |
目前比較推薦這個寫法。
子專案
以下專案均是源自於Interface外掛程式
jQuery UI
更多資訊:jQuery UI
基於jQuery的使用者介面庫,包括拖放、縮放、對話方塊、標籤頁等多個組件。
jQuery Tools
jQuery Tools 是一個第三方的套件,基於 jQuery。包括了標籤頁、表單驗證、滑鼠滾輪事件等多個組件。
jQuery Mobile
基於 jQuery 的手機網頁製作工具,jQuery Mobile 的網站上包含了網頁的設計工具、主題設計工具。另外 jQuery Mobile 的 js 外掛程式包含了換頁、事件等的多項功能。