Bộ chọn W3.JS
Bộ chọn W3.JS
W3.JS chọn các phần tử HTML và thực hiện các hành động trên (các) phần tử đã chọn:
w3.action(selector)
- Hành động () được thực hiện trên (các) phần tử đã chọn
- ( Bộ chọn ) chọn (các) phần tử HTML
Thí dụ
w3.hide('p') // Hide all <p> elements
Bạn có quen thuộc với các bộ chọn CSS không?
W3.JS sử dụng cú pháp CSS để chọn và thao tác các phần tử HTML.
Bộ chọn được sử dụng để "tìm" (chọn) các phần tử HTML dựa trên tên thẻ, id, lớp, loại, thuộc tính, giá trị của thuộc tính và nhiều hơn nữa. Bạn có thể tìm thấy danh sách tất cả các bộ chọn trong Tham chiếu Bộ chọn CSS của chúng tôi .
Ví dụ về bộ chọn
Để chọn các phần tử HTML, hãy sử dụng tên thẻ:
Ẩn tất cả các phần tử <h2>:
w3.hide('h2')
Để chọn một phần tử có một id cụ thể, hãy viết một ký tự băm, sau đó là id của phần tử HTML:
Ẩn một phần tử có id = "London":
w3.hide('#London')
Để chọn các phần tử với một lớp cụ thể, hãy viết một ký tự dấu chấm, theo sau là tên của lớp:
Ẩn tất cả các phần tử với class = "city":
w3.hide('.city')
Thêm ví dụ về bộ chọn
| Selector | Description | Example |
|---|---|---|
| ("*") | Selects all elements in the document | |
| (this) | Selects the current HTML element | |
| ("p.intro") | Selects all <p> elements with class="intro" | |
| ("div p") | Selects all <p> element inside all <div> elements | |
| ("div p:first-child") | Selects the first <p> element inside all <div> elements | |
| ("[href]") | Selects all elements with an href attribute | |
| ("a[target=_blank]") | Selects all <a> elements with a target attribute value equal to "_blank" | |
| ("p:nth-child(even)") | Selects all even <p> elements |
Để có tài liệu tham khảo đầy đủ về tất cả các bộ chọn CSS, vui lòng truy cập Tham chiếu Bộ chọn CSS của chúng tôi .