W3.JS 选择器
W3.JS 选择器
W3.JS 选择 HTML 元素并对所选元素执行操作
w3.action(selector)
- action() 在所选元素上执行
- (selector) 选择 HTML 元素
您熟悉 CSS 选择器吗？
W3.JS 使用 CSS 语法来选择和操作 HTML 元素。
选择器用于根据 HTML 元素的标签名、id、类、类型、属性、属性值等来“查找”（选择）HTML 元素。所有选择器的列表可以在我们的 CSS 选择器参考中找到。
选择器示例
要选择 HTML 元素，请使用标签名
要选择具有特定 id 的元素，请写入一个井号字符，后跟 HTML 元素的 id
要选择具有特定类的元素，请写入一个句点字符，后跟类的名称
更多选择器示例
| 选择器 | 描述 | 示例 |
|---|---|---|
| ("*") | 选择文档中的所有元素 | 试一试 |
| (this) | 选择当前的 HTML 元素 | 试一试 |
| ("p.intro") | 选择所有类名为 "intro" 的 <p> 元素 | 试一试 |
| ("div p") | 选择所有 <div> 元素内的所有 <p> 元素 | 试一试 |
| ("div p:first-child") | 选择所有 <div> 元素内的第一个 <p> 元素 | 试一试 |
| ("[href]") | 选择所有带 href 属性的元素 | 试一试 |
| ("a[target=_blank]") | 选择所有 target 属性值等于 "_blank" 的 <a> 元素 | 试一试 |
| ("p:nth-child(even)") | 选择所有偶数 <p> 元素 | 试一试 |
有关所有 CSS 选择器的完整参考，请访问我们的 CSS 选择器参考。
