免費AI編程助手
W3.JS 選擇器
2020-11-05 17:03 更新
W3.JS 選擇器
W3.JS 選擇 HTML 元素并對所選元素執(zhí)行操作:
w3.action(selector)
- 對選定的元素執(zhí)行操作()
- (選擇器)選擇 HTML 元素
你熟悉 CSS 選擇器嗎?
W3.JS 使用 CSS 語法來選擇和操作 HTML 元素。
選擇器用于根據(jù)標簽名稱、id、類、類型、屬性、屬性值等來“查找”(選擇)HTML元素。
選擇器示例
要選擇HTML元素，請使用標簽名
要選擇具有特定 id 的元素，請編寫一個哈希字符，后面跟著 HTML 元素的 id:
要選擇具有特定類的元素，請寫一個句點字符，后跟類名:
更多的選擇器實例
| 選擇器 | 功能 | 示例 |
|---|---|---|
| ("*") | 選擇文檔中的所有元素 | 嘗試一下 ? |
| (this) | 選擇當前HTML元素 | 嘗試一下 ? |
| ("p.intro") | 選擇所有含義 class="intro" 的<p>標簽元素 | 嘗試一下 ? |
| ("div p") | 選擇所有<div>內(nèi)的所有<p>標簽元素 |
嘗試一下 ? |
| ("div p:first-child") | 選擇所有<div>內(nèi)的第一個<p>標簽元素 | 嘗試一下 ? |
| ("[href]") | 選擇具有 href 屬性的所有元素 |
嘗試一下 ? |
| ("a[target=_blank]") | 選擇所有<a>標簽內(nèi)包含 _blank 屬性的元素 | 嘗試一下 ? |
| ("p:nth-child(even)") | 選擇偶數(shù)個的<p>標簽元素 | 嘗試一下 ? |
對于所有CSS選擇器的完整參考，請到我們的CSS選擇器參考
以上內(nèi)容是否對您有幫助：
← W3.JS 介紹
更多建議：