W3.JS 选择器
W3.JS 选择器
W3.JS 选择 HTML 元素并对所选元素执行操作:
w3.action(selector)
- 对选定的元素执行操作()
- (选择器)选择 HTML 元素
你熟悉 CSS 选择器吗?
W3.JS 使用 CSS 语法来选择和操作 HTML 元素。
选择器用于根据标签名称、id、类、类型、属性、属性值等来“查找”(选择)HTML元素。
选择器示例
要选择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选择器参考