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 選擇器參考。
