pemilih jQuery
jQuery Pemilih
Pemilih jQuery
Sila gunakan Pemeriksa Pemilih jQuery kami untuk menunjukkan pemilih yang berbeza.
| Pemilih | Instance | Pilih |
|---|---|---|
| * | $(" * ") | Semua elemen |
| #id | $("#nama akhir") | Elemen dengan id="lastname" |
| .kelas | $(".intro") | class="intro " Semua elemen |
| .kelas,.kelas | $(".intro,.demo") | Semua elemen dengan kelas "intro" atau "demo" |
| elemen | $("p") | Semua <p> elemen >$("h1,div,p") |
| :first | ||
| Elemen<p> pertama | :terakhir | $("p:terakhir") | Terakhir< ;p> elemen
| :even | $("tr:even") | Semua elemen genap<tr> 0, yang pertama Unsur genap (0), unsur kedua ganjil (1), dan seterusnya. |
| :odd | $("tr:odd") | Semua elemen ganjil<tr>, nilai indeks bermula dari 0, yang pertama Unsur pertama genap (0), unsur kedua ganjil (1), dan seterusnya. |
| :anak pertama | $("p:first-child") | Segala sesuatu yang tergolong dalam unsur anak pertama unsur induknya <p> Elemen |
| :first-of-type | $("p:first-of-type") | miliknya induk Unsur <p> pertama unsur Semua <p> ") |
| :last-of-type | $("p : last-of-type") | |
| :nth-child( | n) | |
| Semua <p> elemen<🎜 yang merupakan anak kedua daripada elemen induk mereka > | :nth- last-child(n | )$("p:nth-last-child(2)") |
| :nth-of-type( | n | )$("p:nth-of-type -type(2)") |
| :nth-last-of- type( | n | )$("p:nth-last-of-type(2) ") |
| :anak tunggal | $("p:anak tunggal") | Semua <p> elemen yang merupakan anak tunggal ibu bapa mereka |
| :only-of-type | $("p:only-of-type" ) | Semua <p> elemen< yang merupakan satu-satunya elemen anak bagi jenis tertentu unsur induknya |
ibu bapa >$("div > p") | < div> Semua <p> elemen yang merupakan anak langsung unsur | |
| $("div p") | < div> | $("div + p") |
| $("div ~ p") | <div> Semua <p> pada tahap elemen yang sama | |
| :eq( | indeks | )$ ("ul li :eq(3)") |
| :gt( tidak | ) $("ul li:gt(3)") | |
| :lt( | tidak) | $("ul li:lt(3)") |
| :not( | selector) | $("input:not(:empty)") |
| :header | $(":header") | Semua elemen pengepala <h1>, <h2> ... |
| :animasi | $(":animated") | Semua elemen animasi |
| :fokus | $(":focus") | Elemen yang pada masa ini mempunyai fokus |
| :mengandungi(teks) | $(":contains('Hello')") | Semua elemen yang mengandungi teks "Hello" |
| :has(pemilih ) | $("div:has(p)") | Semua <div> elemen yang mengandungi <p> di dalamnya |
| :kosong | $(":kosong") | Semua elemen kosong |
| :ibu bapa | $(": ibu bapa") | Semua elemen yang menjadi induk kepada elemen lain |
| :tersembunyi | $("p:tersembunyi") | Semua elemen <p> tersembunyi |
| :kelihatan | $("jadual:kelihatan") | Semua jadual kelihatan |
| :root | $(":root") | Elemen punca dokumen |
| :lang ( bahasa) | $("p:lang(de)") | Semua <p> nilai atribut lang bermula dengan "de" |
| [atribut] | $( "[href]") | Semua elemen dengan atribut href |
| [atribut=nilai ] | $("[href='default.htm']") | Semua elemen dengan atribut href dan nilai sama dengan "default.htm" |
| [atribut!=nilai] | $("[href!='default.htm']") | Semua Elemen dengan atribut dan nilai href tidak sama dengan "default.htm" |
| [atribut$=nilai] | $("[href$ ='.jpg']") | Semua elemen dengan atribut href dan nilai yang berakhir dengan ".jpg" |
| [atribut|=nilai] | $("[title|='Esok']") | Semua atribut dengan tajuk dan nilai yang sama dengan' Esok' atau rentetan yang bermula dengan 'Esok ' diikuti dengan penyambung |
| [atribut^=nilai] | $("[title^='Tom ']") | Semua elemen dengan atribut tajuk dan nilai bermula dengan "Tom" |
| [ atribut~=nilai ] | $("[title~='hello']") | Semua atribut dengan tajuk dan nilai yang mengandungi perkataan "hello" " elemen |
| [atribut*=nilai] | $("[title*='hello'] ") | Semua elemen dengan atribut tajuk dan nilai yang mengandungi rentetan "hello" |
| [nama=nilai][nama2 =value2] | $( "input[id][name$='man']" ) | dengan kotak Input dengan atribut id dan atribut nama yang berakhir dengan man |
| :input | $(":input") | Semua elemen input |
| :text | $(":text") | Semua elemen input dengan type="text" |
| :kata laluan | $(":kata laluan") | Semua elemen input dengan jenis="kata laluan" |
| :radio | $(":radio") | Semua elemen input dengan jenis="radio" |
| :kotak semak | $(":checkbox") | Semua elemen input dengan type="checkbox" |
| :submit | $(":submit") | Semua elemen input dengan type="submit" |
| :reset | $(":reset" ) | Semua elemen input dengan type="reset" |
| :butang | $(":button") | Semua elemen input dengan type="button" |
| :imej | $(":imej") | Semua dengan jenis= elemen input "imej" |
| :fail | $(":file") | Semua elemen input dengan type="fail" |
| :didayakan | $(":enabled") | Semua elemen yang didayakan |
| : dilumpuhkan | $(":disabled") | Semua elemen dilumpuhkan |
| :dipilih | $(":selected" ) | Semua elemen senarai lungsur turun yang dipilih |
| :ditanda | $(":ditanda") | Semua yang dipilih Pilihan kotak semak |
| .pemilih | $(selector).selector | telah ditamatkan penggunaannya dalam jQuery 1.7. Mengembalikan pemilih asal yang dihantar ke jQuery() |
| :target | $( "p:target" ) | Pemilih akan Memilih elemen <p> |
