W3.JS 选择器

W3.JS选择HTML 元素和执行行动在选定的元素上：

w3. action( selector)

示例

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

你熟悉 CSS 选择器吗？

W3.JS 使用 CSS 语法来选择和操作 HTML 元素。

选择器用于根据标记名称、ID、类、类型、属性、属性值等来"find"（选择）HTML 元素。所有选择器的列表可以在我们的CSS 选择器参考。

选择器示例

要选择 HTML 元素，请使用标签名称：

隐藏所有 <h2> 元素：

w3.hide('h2')

要选择具有特定 id 的元素，请编写一个哈希字符，后跟 HTML 元素的 id：

隐藏 id="London" 的元素：

w3.hide('#London')

要选择具有特定类的元素，请编写句点字符，后跟类的名称：

隐藏所有带有 class="city" 的元素：

w3.hide('.city')

Selector	Description	Example
("*")	Selects all elements in the document	尝试一下
(this)	Selects the current HTML element	尝试一下
("p.intro")	Selects all <p> elements with class="intro"	尝试一下
("div p")	Selects all <p> element inside all <div> elements	尝试一下
("div p:first-child")	Selects the first <p> element inside all <div> elements	尝试一下
("[href]")	Selects all elements with an href attribute	尝试一下
("a[target=_blank]")	Selects all <a> elements with a target attribute value equal to "_blank"	尝试一下
("p:nth-child(even)")	Selects all even <p> elements	尝试一下

有关所有 CSS 选择器的完整参考，请访问我们的CSS 选择器参考。