Panduan Referensi jQuery - Pemilih

Pemilih jQuery

Pemilih Contoh Pemilihan
* $("*") Semua elemen
#id $("#lastname") elemen dengan id="lastname"
.class $(".intro") Semua elemen dengan class="intro"
element $("p") Semua elemen <p>
.class.class $(".intro.demo") Semua elemen dengan class="intro" dan class="demo"
     
:first $("p:first") Elemen <p> pertama
:last $("p:last") Elemen <p> terakhir
:even $("tr:even") Semua elemen <tr> ganjil
:odd $("tr:odd") Semua elemen <tr> genap
     
:eq(index) $("ul li:eq(3)") Elemen keempat dalam daftar (index dimulai dari 0)
:gt(no) $("ul li:gt(3)") Daftar elemen dengan index lebih besar daripada 3
:lt(no) $('ul li:lt(3)') Daftar elemen dengan index yang lebih kecil dari 3
:not(selector) $('input:not(:empty)') Semua elemen input yang tidak kosong
     
:header $(':header') Semua elemen judul <h1> - <h6>
:animated   Semua elemen yang bergerak
     
:contains(text) $(':contains('W3School')') Semua elemen yang mengandung string yang ditentukan
:empty $(':empty') Semua elemen tanpa node anak (elemen)
:hidden $('p:hidden') Semua elemen <p> yang disembunyikan
:visible $('table:visible') Semua tabel yang terlihat
     
s1,s2,s3 $('th,td,.intro') Semua elemen yang memiliki pilihan yang cocok
     
[attribute] $('[href]') Semua elemen yang memiliki atribut href
[attribute=value] $('[href='#']') Semua elemen yang nilai atribut href sama dengan "#"
[attribute!=value] $('[href!='#']') Semua elemen yang nilai atribut href tidak sama dengan "#"
[attribute$=value] $('[href$='.jpg']') Semua elemen yang nilai atribut href mengandung penutupan '.jpg'
     
:input $(':input') Semua elemen <input>
:text $(':text') Semua elemen <input> dengan type="text"
:password $(':password') Semua elemen <input> dengan type="password"
:radio $(':radio') Semua elemen <input> dengan type="radio"
:checkbox $(':checkbox') Semua elemen <input> dengan type="checkbox"
:submit $(':submit') Semua elemen <input> dengan type="submit"
:reset $(':reset') Semua elemen <input> dengan type="reset"
:button $(':button') Semua elemen <input> dengan type="button"
:image $(":image") Semua elemen <input> dengan type="image"
:file $(":file") Semua elemen <input> dengan type="file"
     
:enabled $(":enabled") Semua elemen input yang diaktifkan
:disabled $(":disabled") Semua elemen input yang diblokir
:selected $(":selected") Semua elemen input yang dipilih
:checked $(":checked") Semua elemen input yang dipilih

Lihat

Tutorial:Grammar pemilihan elemen jQuery