讀懂既有 jQuery 並建立原生事件入口
修改檔案:script.js
完成後看見:querySelectorAll 與 addEventListener 只切換被點擊的 FAQ
CHAPTER 19 · PRACTICE WORKSPACE
能讀懂既有 jQuery FAQ,再將同一段行為遷移成原生 JavaScript,並維持單開、收合與 aria-expanded
TASK STATUS
修改檔案:script.js
完成後看見:querySelectorAll 與 addEventListener 只切換被點擊的 FAQ
修改檔案:script.js
完成後看見:原生版的視覺開關與 aria-expanded 永遠一致
修改檔案:script.js
完成後看見:開新題會關閉舊題,再點目前題可收合,aria 不殘留
WORKSPACE
先確認作品目前能做什麼、還缺什麼,再從 TASK-01 開始修改。
LEGACY MAINTENANCE
本課使用 jQuery 3.7.1 維護分支示範。
不是,它是包裝常見 JavaScript 操作的函式庫。
不一定,本課定位是讀懂與維護既有網站。
不會,下一課使用原生 fetch。
CONTINUE
前往 Checkpoint 1,依要求完成「讀懂既有 jQuery 並建立原生事件入口」。