W3.JS 选择器
W3.JS 选择器
W3.JS 选择器 选择 HTML 元素并对所选元素执行操作:
w3.action(selector)
- action() 对选定的元素执行操作
- (selector) (选择器)选择 HTML 元素
你熟悉 CSS 选择器吗?
W3.JS 使用 CSS 语法来选择和操作 HTML 元素。
选择器用于根据标签名称、id、类、类型、属性、属性值等来"查找"(选择)HTML元素。
所有选择器的列表可以在我们的 CSS 选择器 中找到。
选择器示例
要选择 HTML 元素，请使用标签名:
要选择具有特定 id 的元素，请编写一个哈希字符，后面跟着 HTML 元素的 id:
要选择具有特定类的元素，请写一个句点字符，后跟类名:
更多的选择器实例
| 选择器 | 描述 | 例子 |
|---|---|---|
| ("*") | 选择文档中的所有元素 | 测试一下 |
| (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 选择器参考查阅。
