W3.JS 选择器

W3.JS 选择器

W3.JS 选择器 选择 HTML 元素并对所选元素执行操作:

w3.action(selector)
  • action() 对选定的元素执行操作
  • (selector) (选择器)选择 HTML 元素

实例

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

亲自试一试 » 使用 CSS »

你熟悉 CSS 选择器吗?

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

选择器用于根据标签名称、id、类、类型、属性、属性值等来"查找"(选择)HTML元素。

所有选择器的列表可以在我们的 CSS 选择器 中找到。


选择器示例

要选择 HTML 元素,请使用标签名:

隐藏所有 <h2> 元素:

w3.hide('h2')

亲自试一试 »

要选择具有特定 id 的元素,请编写一个哈希字符,后面跟着 HTML 元素的 id:

隐藏 id="London" 的元素:

w3.hide('#London')

亲自试一试 »

要选择具有特定类的元素,请写一个句点字符,后跟类名:

隐藏 class="city" 的所有元素:

w3.hide('.city')

亲自试一试 »


更多的选择器实例

选择器 描述 例子
("*") 选择文档中的所有元素 测试一下
(this) 选择当前HTML元素 测试一下
("p.intro") 选择所有 class="intro" 的 <p> 标签元素 测试一下
("div p") 选择所有<div>内的所有<p>标签元素 测试一下
("div p:first-child") 选择所有<div>内的第一个<p>标签元素 测试一下
("[href]") 选择具有 href 属性的所有元素 测试一下
("a[target=_blank]") 选择所有<a>标签内包含 _blank 属性的元素 测试一下
("p:nth-child(even)") 选择偶数个的<p>标签元素 测试一下

了解所有 CSS 选择器的完整参考资料,请到我们的 CSS 选择器参考查阅。