Ringkasan jQuery selectors_jquery biasa

Pemilih elemen asas

Salin kod Kod adalah seperti berikut:

$("p")
$("p.ii") memilih semua elemen p dengan class=ii
$("p#demo") memilih elemen p pertama dengan id=demo

Pemilih Hierarki

Salin kod Kod adalah seperti berikut:

$("div input")Semua input di bawah div
$("div>input")

Pemilih keadaan asas

Salin kod Kod adalah seperti berikut:

$("p:first")
$("p:last")
$("tr:even") memilih baris genap
$("tr:odd") ganjil
$("input:not(:checked)") memilih semua elemen yang dipilih
$("tr:eq(1)")Jadual dengan nilai indeks 1
$("tr:gt(0)") lebih besar daripada 0
$("tr:lt(0)") adalah kurang daripada 0
$(":header") memilih semua elemen pengepala
$(":animated")Animasi sedang dilaksanakan

Pemilih keadaan kandungan

Salin kod Kod adalah seperti berikut:

$("div:constains('ddd')") memilih elemen lapisan yang mengandungi teks ddd
$("td:empty") memilih sel jadual yang tidak mengandungi teks atau sub-elemen
$("div:has(p)") memilih elemen lapisan yang mengandungi elemen perenggan
$("td:parent") memilih sel jadual yang mengandungi elemen anak atau teks

Pemilih keadaan keterlihatan

Salin kod Kod adalah seperti berikut:

$("tr:hidden") //Pilih semua jadual tersembunyi
$("tr:visible") memilih semua jadual kelihatan

Pemilih atribut

Salin kod Kod adalah seperti berikut:

$("div[id]")Lapisan dengan atribut id
$("input[name='']") nama atribut input=''
$("input[name!='']")
$("input[name^='']") memilih elemen input borang yang mempunyai atribut nama dan nilainya ialah '' sebagai kandungan permulaan
$("input[name$='']") memilih elemen input borang yang mempunyai atribut nama dan nilainya ialah '' sebagai kandungan akhir
$("input[name*='']") memilih elemen input borang dengan atribut nama dan nilai ''
$("input[id][name$='']") memilih elemen borang input dengan nilai id dan atribut nama yang berakhir dengan ''

Pemilih elemen kanak-kanak

Salin kod Kod adalah seperti berikut:

$("ul li:nth-child(2)") memilih item senarai kedua
$("ul li:nth-child(even)")
$("ul li:nth-child(ganjil)")
$("ul li:nth-child(3n)")
$("ul li:anak pertama")
$("ul li:anak terakhir")
$("ul li:only-child") Senarai pilihan muncul dan hanya satu item senarai muncul

Pemilih elemen bentuk

Salin kod Kod adalah seperti berikut:

$("input") memilih semua butang pilih kawasan teks input dan elemen lain
$(":text")Barisan teks
$(":kata laluan")
$(":radio")
$(":kotak semak")
$(":serahkan")
$(":imej")
$(":set semula")
$(":butang")
$(":fail")
$(":tersembunyi")

Pemilih atribut borang

Salin kod Kod adalah seperti berikut:

$("input:enabled") //Pilih semua yang tersedia
$("input:disabled")
$("input:checked")
$("select:option:selected")