本節(jié)我們學(xué)習(xí) jQuery
的語法铝噩,通過 jQuery
,我們可以選取 HTML 元素并對它們執(zhí)行操作窿克。
jQuery語法
jQuery
語法是為選取 HTML 元素和對元素執(zhí)行某些操作而定制的骏庸。
基本語法格式:
$(selector).action()
- 首先是美元符號
$
,是jQuery
的別名让歼,表示jQuery
對象敞恋。 -
selector
是一個選擇符丽啡,用于查詢 HTML 元素谋右。 -
action()
表示要對元素執(zhí)行的jQuery
操作。
示例:
例如我們來看幾個例子:
$(this).hide() // 隱藏當(dāng)前元素
$("span").hide() // 隱藏所有<span>元素
$(".xkd").hide() // 隱藏class="xkd"的所有元素
$("#xkd").hide() // 隱藏id="xkd"的所有元素
文檔就緒函數(shù)
為了防止文檔在沒有完全加載之前就運行 jQuery
代碼补箍,我們需要一個文檔就緒函數(shù):
$(document).ready(function() {
// jquery代碼
});
添加這個函數(shù)后改执,就只能在 DOM
加載完成后才可以對 DOM
進(jìn)行操作啸蜜。
如果在文檔沒有完全加載之前運行函數(shù),可能會失敗操作辈挂,例如:
- 試圖隱藏一個不存在的元素衬横。
- 嘗試獲取尚未加載的圖像大小
上面的函數(shù)還有一個簡潔的寫法:
$(function() {
// jquery代碼
});
這兩種寫法的效果都是一樣的,但是簡寫看起來更方便一些终蒂。蜂林、