Learn jQuery: Code & Build

透過簡短的課程，逐步學習 jQuery，這個用於 DOM 操作、事件、特效和 AJAX 的 JavaScript 函式庫。本教學將每個主題與即時 JS 編輯器結合：編寫程式碼鏈，即可在手機上看到真實的頁面回應。應用程式內建 jQuery 3.7.1，因此即使離線，頁面預覽也能在裝置上運作。

課程內容

• 22 門課程，共 48 堂課，等級從 A1 到 C1

• 即時 JS 編輯器，支援頁面預覽：編寫 HTML、CSS 和 jQuery 程式碼並立即執行

• 20 個調試任務：修復實際 bug，例如點擊事件處理程序中「this」指向窗口，或以字串結尾的鍊式調用

• 20 個 HTML 和 CSS 網頁項目，引導您完成這些項目，並練習選擇器所使用的標記語言

• 50 題面試題目、50 題測驗題和一份包含 91 個條目的速查表

• AI 導師：詢問有關選擇器、錯誤或 AJAX 呼叫的問題，並獲得簡單易懂的答案

• 課程結束時的證書考試（專業版）

• 全球程式設計挑戰賽：每天 3 輪全球挑戰，使用 JavaScript 或其他語言解決

• 連續學習記錄、進度追蹤與提醒

• 應用支援 22 種語言

課程步驟詳解

• 歡迎與入門：$ 函數和您的第一個鍊式調用

• 選擇器：選擇元素，進階學習選擇器和 DOM 遍歷

• DOM 操作：建立、插入、移動和刪除元素

• 樣式：透過程式碼更改 CSS 和類

• 使用 `.on()`、事件委託和自訂事件進行事件處理

• 動畫和特效：淡入淡出、下滑、`animate()` 和自訂特效

• 使用資料屬性和範本進行動態內容創作

• 表單處理和驗證

• 使用 `$.ajax()` 進行 AJAX 請求：無需重新載入頁面即可載入和傳送數據

• 用於非同步程式碼的延遲物件和 Promise

• 自訂選擇器和進階過濾

• 寫出健全的插件

• 效能最佳化和最佳實踐

• 將 jQuery 與現代 JavaScript 集成，並測試您的程式碼

邊做邊學

• 每節課都將簡短的講解與您自己編寫的程式碼結合

• 編輯器會在您停止輸入後立即重新運行您的程式碼，無需伺服器，也無需建置步驟

• 任務會提供有缺陷的程式碼，並要求您找出 bug，就像在工作中遇到的情況一樣：例如，一個只能刪除舊行的刪除按鈕、一個在您離開後仍然滑動的選單、一個儲存操作觸發兩次

• 測驗和麵試題幫助您準備前端面試，jQuery 仍然會出現在遺留程式碼中

• 速查表讓您只需輕輕一點即可存取選擇器、事件、效果和 AJAX 方法

• AI 導師會用更簡單的語言再次解釋概念，您可以根據需要多次學習

為什麼要學習它

• 選擇器借鑒了 CSS，因此如果您了解 CSS 選擇器，您就已經了解了大部分 jQuery 選擇器

• 鍊式呼叫可以將四個語句合併成一行易讀的程式碼

• 許多現有網站仍在使用 jQuery，因此閱讀和修復此類程式碼是一項實用的 Web 開發技能

• 它是進入 DOM、事件和非同步 JavaScript 的輕鬆途徑

適合人群

• 了解一些 HTML 和 CSS 並希望建立互動頁面的初學者

• 為課堂練習 JavaScript 和 DOM 的學生

• 維護基於此程式庫建置的網站的 Web 開發人員

• 任何準備前端工作面試的人

免費和專業版

免費開始：第一門課程（jQuery 入門）、第一個指導專案、兩個任務編輯器、測驗、面試題、速查表以及每天 3 道 AI 導師練習題。免費版會顯示廣告。專業版解鎖所有課程、專案和任務、證書考試以及無限量的 AI 導師練習題，並移除廣告。專業版可按週、月或年訂閱，也可一次購買終身版。

jQuery 是 OpenJS 基金會的商標。本應用為獨立學習應用，與 OpenJS 基金會無任何關聯，亦未獲得其認可。