jQuery Referensi Selector

Berikut ini kami tampilkan beberapa jenis selctor HTML yang biasa digunakan  pada jQuery. Coba lah satu persatu agar kamu bisa menjadi lebih mahir.


SelectorExampleSelects
*
$("*")Semua Elemen
#id
$("#lastname")Elemen dengan id=lastname
.class
$(".intro")Elemen dengan class="intro"
element
$("p")Semua elemen p
.class.class
$(".intro.demo")Elemen dengan classe "intro" dan "demo"
   
:first
$("p:first")Elemen p yang pertama
:last
$("p:last")Elemen p yang terakhir
:even$("tr:even")Semua elemen tr:even
:odd$("tr:odd")Semua elemen tr:odd
   
:eq(index)
$("ul li:eq(3)")Elemen ke empat dari list (dimana indek dimulai dari 0)
:gt(no)
$("ul li:gt(3)")Semua lemen list yang berada pada index lebih dari 3
:lt(no)
$("ul li:lt(3)")Semua lemen list yang berada pada index kurang dari 3
:not(selector)$("input:not(:empty)")Semua elemen input yang isinya tidak kosong
   
:header$(":header")Semua elemen header h1, h2 ...
:animated$(":animated")Semua elemen yang dianimasi
   
:contains(text)$(":contains('hadinug.net')")Semua elemen yang berisi text
:empty$(":empty")Semua lemen yang tidak memiliki node child
:hidden$("p:hidden")Semua elemen p yang hidden
:visible$("table:visible")Semua elemen tabel 
   
s1,s2,s3$("th,td,.intro")Semua lemen yang matching dengan selektor
   
[attribute]$("[href]")Semua elemen dengan attribut href
[attribute=value]$("[href='default.htm']")Semua elemen dengan attribut href "default.htm"
[attribute!=value]$("[href!='default.htm']")Semua elemen dengan attribut href tidak sama dengan "default.htm"
[attribute$=value]$("[href$='.jpg']")Semua elemen dengan attribut href yang memiliki extensi / akhiran ".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 enabled
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda