0%

jQuery 筆記 - jQuery 基本認識

jquery

簡介

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
2
3
$(document).ready(function () {
//要執行的內容
});

或是,

1
2
3
$(function () {
//要執行的內容
});

目前比較推薦這個寫法。

子專案

以下專案均是源自於Interface外掛程式

jQuery UI

更多資訊:jQuery UI
基於jQuery的使用者介面庫,包括拖放、縮放、對話方塊、標籤頁等多個組件。

jQuery Tools

jQuery Tools 是一個第三方的套件,基於 jQuery。包括了標籤頁、表單驗證、滑鼠滾輪事件等多個組件。

jQuery Mobile

基於 jQuery 的手機網頁製作工具,jQuery Mobile 的網站上包含了網頁的設計工具、主題設計工具。另外 jQuery Mobile 的 js 外掛程式包含了換頁、事件等的多項功能。

文章參考 https://zh.wikipedia.org/wiki/JQuery_UI