jQuery Szelektor példák többségében, p jelölőelem szerepel: $("p")
A p jelölőelemek helyére, tetszőleges általunk kiválasztott jelölőelemet beírhatunk.
jQuery Szelektornál jelölőelemet írunk be, akkor az a dokumentumban lévő, és vele megegyező összes elemre érvényes.
jQuery Szelektornál id azonosítót írunk be, $("#Valami") akkor az, csak a kiválasztott elemre érvényes.
jQuery Szelektornál class osztályazonosítót írunk be, $(".cica") akkor az összes olyan elemre érvényes, melyek class azonosítója, a beírttal megegyezik.
A class azonosítónál szelektálhatunk a jelölőelem meghatározásával.
Például:
class="cica" osztályazonosítója több elemtípusnak is van.
Ezek közül p elemet keresünk, melyeknek class="cica" az osztályazonosítója.
Szelektor így néz ki: $("p.cica")
A szelektor oszlopban, kattints az általad kiválasztottra, és láthatod az eredményt.
Szelektorok.
$(" * ")
Minden html, xml jelölőelem.
$("#egyedi")
Jelölőelem, melynek egyedi azonosítója id="egyedi"
$("#egyedi > p")
<p>, melyek id="egyedi" azonosítóval rendelkező elem területén találhatók.
$(".alma")
Elemek, melyek azonosítója class="alma"
$(".alma > p")
class="alma" azonosítóval rendelkező elem területén lévő, <p> elemek.
$(".alma, .eper")
Elemek, melyek class azonosítója class="alma" vagy class="eper"
$("p")
Minden <p> elem
$("h4,p,span")
Minden <h4>, <p> és <span> elem
$("p:first")
Első <p> elem
$("p:last")
Utolsó <p> elem
$("p:eq(2)")
Keresés indexszám alapján. (Első p elem index értéke = 0)
$("ul li:eq(1)")
Keresés indexszám alapján. (Első li elem index értéke = 0)
$("p:gt(2)")
Elemek keresése, melyek indexe, nagyobb mint 3
$("p:lt(2)")
Elemek keresése, melyek indexe, kisebb mint 3
$("ol li:lt(2)")
Elemek keresése, melyek indexe, kisebb mint 3
$("p:even")
Minden páros számú <p> elem. (Első elem index értéke = 0)
$("p:odd")
Minden páratlan számú <p> elem. (Első elem index értéke = 1)
$("p:not(:empty)")
Nem üres elemek keresése. :not(:empty)
$("p:empty")
Üres elemek <p></p> keresése. (:empty)
$("p:contains('Teszt')")
Minden <p> elem, mely tartalmazza ezt a szövegetet: ('Teszt')
$("div > p")
<p> elemek, melyek, <div> elemben helyezkednek el.
$("input:not(:empty)")
Nem üres input elemek keresése. :not(:empty)
$("input:empty")
Üres input elemek keresése. (:empty)
$(":header")
Minden címsor (header) elem. <h1> <h2> <h3> <h4> <h5> <h6>
$("h5:header")
Minden <h5> címsor (header) elem
$("[href]")
Elemek, melyek attribútuma href. (Beleértve, a head szakaszt lévőket is.)
$("[src]")
Elemek, melyek attribútuma src. (Beleértve, a head szakaszt lévőket is.)
$("[href$='.jpg']")
Minden href elem, melynek értéke ".jpg" -re végződik.
$("[src$='.jpg']")
Minden src elem, melynek értéke ".jpg" -re végződik.
