jQuery selektori, galvenokārt, ir paņemti no CSS 1-3, kā arī izveidoti savi, kas deva labu instrumentu klāstu manipulācijām ar dokumenta elementiem.
Visu selektoru apraksts — api.jquery.com.
Ja klases vai atribūta vērtībā ir specsimboli (
!"#$%&'()*+,./:;<=>?@[]^`{|}~), tad tos vajag ekranizēt.
Piemēram, elementam arid="foo.bar", selektors būs šāds$("#foo\.bar").
$("*") |
Visi tagi |
$("p") |
Visi <p> |
$("h1,div,p") |
Visi <h1>, <div>, <p> |
$(":header") |
Visi virsraksti <h1>, <h2> ... |
$("#lastname") |
Elements ar id="lastname" |
$(".intro") |
Visi elementi ar class="intro" |
$(".intro,.demo") |
Visi elementi ar klasēm «intro», «demo» |
$(".intro.demo") |
Visi elementi ar klasēm «intro» un «demo» |
$(".intro .demo") |
Visi elementi ar klasi «demo», kuri atrodas iekšā elementā ar klasi «intro» |
$("div > p") |
Visi <p>, kuri ir tiešie <div> pēcteči |
$("div p") |
Visi <p>, kuri ir <div> bērni |
$("div + p") |
<p>, kuri iet aiz <div> |
$("div ~ p") |
Visi <p>, kuri iet aiz <div>, kopējā ģimenē |
$("[href]") |
Visi elementi ar atribūtu href |
$("[href][title]") |
Visi elementi ar atribūtiem href un title |
$("[href='default.htm']") |
Visi elementi ar atribūtu href="default.htm" |
$("[href!='default.htm']") |
Visi elementi ar atribūtu href, bet bez vērtības «default.htm» |
$("[href$='.jpg']") |
Visi elementi ar atribūtu href, ar vērtību pēc maskas «.jpg» |
$("[title|='Tomorrow']") |
Visi elementi ar atribūtu title, kura vērtība ir «Tomorrow» vai sākas ar «Tomorrow», pēc kura seko defise |
$("[title^='Tom']") |
Visi elementi ar atribūtu title, kurš sākas ar «Tom» |
$("[title~='hello']") |
Visi elementi ar atribūtu title, kurš satur speciālu vārdu «hello» |
$("[title*='hello']") |
Visi elementi ar atribūtu title, kurš satur vārdu «hello» |
$("p:first") |
Pirmais <p> |
$("p:last") |
Pēdējais <p> |
$("tr:even") |
Pāra <tr> |
$("tr:odd") |
Nepāra <tr> |
$("div p:first-child") |
Pirmais <p> elementā <div> |
$("div p:first-of-type") |
Pirmais <p> elementā <div>, ignorējot citus elementus |
$("div p:last-child") |
Pēdējais <p> elementā <div> |
$("div p:last-of-type") |
Pēdējais <p> elementā <div>, ignorējot citus elementus |
$("div p:nth-child(2)") |
Otrais <p> elementā <div> |
$("div p:nth-last-child(2)") |
Otrais no beigām <p> elementā <div> |
$("div p:nth-of-type(2)") |
Otrais <p> elementā <div>, ignorējot citus elementus |
$("div p:nth-last-of-type(2)") |
Otrais no beigām <p> elementā <div>, ignorējot citus elementus |
$("div p:only-child") |
<p>, kurš ir <div> elementa vienīgais pēctecis |
$("div p:only-of-type") |
<p>, kurš ir <div> elementa vienīgais pēctecis, ignorējot citus elementus |
$("ul li:eq(3)") |
Ceturtais <li> sarakstā <ul> |
$("ul li:gt(3)") |
Visi <li> ar indeksu > 3 |
$("ul li:lt(3)") |
Visi <li> ar indeksu < 3 |
$(":animated") |
Elementi, kuri atrodas animācijas procesā |
$(":focus") |
Elementi fokusā |
$(":contains('Hello')") |
Visi tagi, kuros ir teksts «Hello» |
$("div:has(p)") |
<div> elementi, kuros ir vismaz viens elements <p> |
$(":empty") |
Tukši elementi |
$(":not(:empty)") |
Pilni (ne tukši) elementi |
$(":parent") |
Visi elementi, kuriem ir vismaz viens bērns vai teksts |
$("p:hidden") |
Paslēptie elementi <p> (display: none;) |
$("p:visible") |
Redzamie elementi <p> |
$(":root") |
Izvēlamies elementu, kurš ir dokumenta pamats (<html>) |
$("p:lang(ru)") |
Izvēlamies visus elementus ar norādīto valodu <p lang="ru">...</p> |
$(":input") |
Visi input lauki |
$(":text") |
Teksta lauki type="text" |
$(":password") |
Lauks ar paroli type="password" |
$(":radio") |
Radio pogas |
$(":checkbox") |
Čekboksi |
$(":submit") |
Poga ar type="submit" |
$(":reset") |
Poga ar type="reset" |
$(":button") |
Poga ar type="button" |
$(":image") |
Poga ar type="image" |
$(":file") |
Faila izvēle type="file" |
$(":enabled") |
Visi aktīvie lauki (bez disabled="disabled") |
$(":disabled") |
Bloķētie lauki |
$(":selected") |
Izvēlētie <option> un <select> |
$(":checked") |
Atzīmētie čekboksi un radio pogas |