jQuery DOM 字元素可以讓我們通過選擇器直接操作 HTML 文檔中的元素,這是 jQuery 非常強大的功能之一。
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); });
上面的代碼實現(xiàn)了點擊 `<p>
` 元素會隱藏該元素的功能,這里使用了 `$()` 函數(shù)將文檔轉(zhuǎn)化為 jQuery 對象,然后使用 `.ready()` 方法等待 DOM 樹構(gòu)建完畢。
接下來,我們使用 `$()` 函數(shù)選擇 `<p>
` 元素,并使用 `.click()` 方法為其綁定點擊事件。當 `<p>
` 元素被點擊時,調(diào)用回調(diào)函數(shù)將該元素隱藏。
除了 `.click()` 方法,還有很多其他方法可以操作 DOM 字元素,例如 `.text()` 方法可以設(shè)置或返回元素的純文本內(nèi)容,`.html()` 方法可以設(shè)置或返回元素的 HTML 內(nèi)容。
$(document).ready(function(){ $("button").click(function(){ $("p").text("Hello World!"); }); });
上面的代碼實現(xiàn)了點擊 `<button>
` 元素會將所有 `<p>
` 元素的內(nèi)容設(shè)置為 "Hello World!"。
總之,jQuery DOM 字元素是一個很常用的功能,熟練掌握它可以有效提高開發(fā)效率。