本節我們學習 jQuery
的語法,通過 jQuery
,我們可以選取 HTML 元素並對它們執行操作。
jQuery語法
jQuery
語法是為選取 HTML 元素和對元素執行某些操作而定製的。
基本語法格式:
$(selector).action()
- 首先是美元符號
$
,是jQuery
的別名,表示jQuery
物件。 selector
是一個選擇符,用於查詢 HTML 元素。action()
表示要對元素執行的jQuery
操作。
示例:
例如我們來看幾個例子:
$(this).hide() // 隱藏當前元素
$("span").hide() // 隱藏所有<span>元素
$(".xkd").hide() // 隱藏class="xkd"的所有元素
$("#xkd").hide() // 隱藏id="xkd"的所有元素
文件就緒函式
為了防止文件在沒有完全載入之前就執行 jQuery
程式碼,我們需要一個文件就緒函式:
$(document).ready(function() {
// jquery程式碼
});
新增這個函式後,就只能在 DOM
載入完成後才可以對 DOM
進行操作。
如果在文件沒有完全載入之前執行函式,可能會失敗操作,例如:
- 試圖隱藏一個不存在的元素。
- 嘗試獲取尚未載入的影像大小
上面的函式還有一個簡潔的寫法:
$(function() {
// jquery程式碼
});
這兩種寫法的效果都是一樣的,但是簡寫看起來更方便一些。、