閱讀(2k) 書簽贊(0) 我要糾錯(cuò)

W3.JS 選擇器

2020-11-05 17:03 更新

W3.JS 選擇 HTML 元素并對(duì)所選元素執(zhí)行操作:

w3.action(selector)

實(shí)例

w3.hide('p') // Hide all <p> elements

你熟悉 CSS 選擇器嗎?

W3.JS 使用 CSS 語法來選擇和操作 HTML 元素。

選擇器用于根據(jù)標(biāo)簽名稱、id、類、類型、屬性、屬性值等來“查找”(選擇)HTML元素。

要選擇HTML元素，請(qǐng)使用標(biāo)簽名

w3.hide('h2')

要選擇具有特定 id 的元素，請(qǐng)編寫一個(gè)哈希字符，后面跟著 HTML 元素的 id:

w3.hide('#London')

要選擇具有特定類的元素，請(qǐng)寫一個(gè)句點(diǎn)字符，后跟類名:

w3.hide('.city')

選擇器	功能	示例
("*")	選擇文檔中的所有元素	嘗試一下 ?
(this)	選擇當(dāng)前HTML元素	嘗試一下 ?
("p.intro")	選擇所有含義 class="intro" 的<p>標(biāo)簽元素	嘗試一下 ?
("div p")	選擇所有<div>內(nèi)的所有<p>標(biāo)簽元素	嘗試一下 ?
("div p:first-child")	選擇所有<div>內(nèi)的第一個(gè)<p>標(biāo)簽元素	嘗試一下 ?
("[href]")	選擇具有 href 屬性的所有元素	嘗試一下 ?
("a[target=_blank]")	選擇所有<a>標(biāo)簽內(nèi)包含 _blank 屬性的元素	嘗試一下 ?
("p:nth-child(even)")	選擇偶數(shù)個(gè)的<p>標(biāo)簽元素	嘗試一下 ?

對(duì)于所有CSS選擇器的完整參考，請(qǐng)到我們的CSS選擇器參考

以上內(nèi)容是否對(duì)您有幫助：

寫筆記

我要補(bǔ)充