前置知識:HTML、CSS、JavaScript。
什麼是jQuery?
jQuery 是一個輕量級的"寫的少,做的多"的JavaScript 函式庫,為開發者提供了一組豐富的工具和API,用於簡化JavaScript程式設計。它可以幫助開發者輕鬆地選取HTML元素、處理事件、實現動畫、建立AJAX請求等。
jQuery的作用是什麼?
選擇和操作DOM元素:jQuery提供了非常簡單的語法和方法,可以輕鬆選取和操作HTML DOM元素。
簡化AJAX請求:jQuery封裝了AJAX的操作,使得開發者可以更容易地向伺服器傳送請求並處理返回的資料。
實現動畫效果:jQuery提供了大量的動畫效果,可以幫助開發者實現各種各樣的動態效果。
處理事件:jQuery可以幫助開發者簡化事件繫結和處理的程式碼。
操作表單:jQuery提供了一些方便的方法,可以輕鬆地操作表單元素,從而提高使用者互動性。
為什麼所有使用jQuery?
流行、方便。
如何使用jQuery?
從jQuery官網下載離線檔案或者從CDN中載入 jQuery。
注意:下載時帶檔名.min的是已被壓縮的。
如何檢視使用的jQuery版本?
開啟控制檯輸入$.fn.jquery
命令。
jQeury基礎語法是怎樣的?
$('選擇器').操作函式(回撥函式[可選])
其中$定義jQuery。上述格式也是jQuery事件的語法
jQuery如何監聽文件就緒事件?
使用以下程式碼監聽:
$(document).ready(function(){
// 開始寫 jQuery 程式碼...
});
簡潔寫法:
$(function(){
// 開始寫 jQuery 程式碼...
});
類似於於
window.onload=function() { // 開始寫 JavaScript程式碼... }
但是不同的是前者是在 html 所有標籤(DOM)都載入之後,就會去執行;而後者是等到所有內容,包括外部圖片之類的檔案載入完後,才會執行。
jQuery的選擇器有哪些?
基於已經存在的 CSS 選擇器,除此之外還有一些自定義的選擇器,例如$(this)
。