Pemilih W3.JS
Pemilih W3.JS
W3.JS memilih elemen HTML dan melakukan tindakan pada elemen yang dipilih:
w3.action(selector)
- Tindakan () dilakukan pada elemen yang dipilih
- ( Selector ) memilih elemen HTML
Contoh
w3.hide('p') // Hide all <p> elements
Apakah Anda akrab dengan pemilih CSS?
W3.JS menggunakan sintaks CSS untuk memilih dan memanipulasi elemen HTML.
Selector digunakan untuk "menemukan" (memilih) elemen HTML berdasarkan nama tag, id, kelas, tipe, atribut, nilai atribut, dan banyak lagi. Daftar semua pemilih dapat ditemukan di Referensi Pemilih CSS kami .
Contoh Pemilih
Untuk memilih elemen HTML, gunakan nama tag:
Sembunyikan semua elemen <h2>:
w3.hide('h2')
Untuk memilih elemen dengan id tertentu, tulis karakter hash, diikuti dengan id elemen HTML:
Sembunyikan elemen dengan id="London":
w3.hide('#London')
Untuk memilih elemen dengan kelas tertentu, tulis karakter titik, diikuti dengan nama kelas:
Sembunyikan semua elemen dengan class="city":
w3.hide('.city')
Contoh Pemilih Lainnya
| 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 |
Untuk referensi lengkap semua pemilih CSS, silakan kunjungi Referensi Pemilih CSS kami .