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
Bạn có quen thuộc với 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à hơn thế nữa. Bạn có thể tìm thấy danh sách tất cả các bộ chọn trong Tài liệu tham khảo về Bộ chọn CSS của chúng tôi.
Ví dụ về bộ chọn
Để chọn các thành phần HTML, hãy sử dụng tên thẻ:
Để chọn một phần tử có id cụ thể, hãy viết ký tự băm, theo sau là id của phần tử HTML:
Để chọn các phần tử thuộc một lớp cụ thể, hãy viết ký tự dấu chấm, theo sau là tên của lớp:
Thêm ví dụ về bộ chọn
Selector | Description | Example |
---|---|---|
("*") | Selects all elements in the document | Try it |
(this) | Selects the current HTML element | Try it |
("p.intro") | Selects all <p> elements with class="intro" | Try it |
("div p") | Selects all <p> element inside all <div> elements | Try it |
("div p:first-child") | Selects the first <p> element inside all <div> elements | Try it |
("[href]") | Selects all elements with an href attribute | Try it |
("a[target=_blank]") | Selects all <a> elements with a target attribute value equal to "_blank" | Try it |
("p:nth-child(even)") | Selects all even <p> elements | Try it |
Để 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 Tài liệu tham khảo về bộ chọn CSS của chúng tôi.