Hogyan működik a jquery szelektor
A jQuery szelektor használják megragadni a DOM-elem vagy több elemből. Aztán elfogott DOM elemeket tenni valamit. Hála a szelektor megtalálható elemek, a különböző okokból: az attribútum értékét, a sorszám, osztály nevét, azonosítóját, tartalmi elemek, a szülő elem; gyermek.
Hadd adjak egy egyszerű példát. Ahhoz, hogy megragad minden a div elemet, akkor kell használni a választó $ ( „div”). Felhívjuk figyelmét, hogy az összes egység kerül kiosztásra div. Ha szeretné tudni, hogy hány ilyen egységet egy oldalon, akkor használja a hossz függvényében. Például a $ ( "div"). Hosszúság. Selector $ ( 'osztály-name') megállapítja minden olyan elem class-name osztályban. Pont előtt a kötelező választó. Ha elfelejtette adjon meg egy pontot, akkor vissza egy üres eredményt. $ () - a függvény megtalálni azokat az elemeket egy adott választó jQuery.
Most, egy példa egy kicsit bonyolultabb. Tegyük fel, hogy van egy kis id, és ezek hasonlóak egymáshoz. Hogyan megragad őket. A bonyolultság, hogy a különböző id? Itt segítünk a feltétel az attribútum $ ( "div [id ^ = 'bal-block']"). Van egy másik módja, hogy át az attribútumokat. Ez áll az átadás attribútumok, vesszővel elválasztva. Például a $ ( "# bal block1, # bal block2, # bal block3"). Megjegyezzük, hogy a húr belsejében van túl naggyá válik. Ez nem kényelmes. Ezt a rekordot felírható másképp: $ ( "div [id = 'bal block1'] [id = 'bal block2'] [id = 'bal block3']").
- „*” - az összes elem
- ".className" - elemek class className
- "#idName" - egy elem (egy!) Egy ID idName
- „TagName” - elemeket, az adott címke nevét
Szűrés tartalom
- ": Tartalmaz (text)" - tartalmazzák az adott szöveg
- „: Üres” - és nem a tartalmi elemek (nincs szöveg és egyéb elemek)
- „: Has (választó)” - tárgyak, amelyek legalább egy elemét a szelektor
- „: Szülő” - nem üres elemek
Szűrők gyermek elemekkel. Celektory szűrőelemek aszerint, hogy azok helyzete a szülői sejt
- „First-gyermek” - elemek található az első a szülő elem
- „: Az utolsó gyermek” - elrendezett utolsó szülői sejtek
- „: N-edik-gyermek ()” és a „: n-edik-gyermek-utolsó ()” - elemek elrendezése egy bizonyos módon a szülői sejtekben (páros, páratlan, elérve egy előre meghatározott szám)
- „: Csak gyermek” - az elemeket, az egyetlen gyermek a szülő elem
- „: Csak-a-típusú” - az elemeket, amelyek az egyetlen kielégítő kiválasztó, leereszkedett a saját szülő elem
- „First-A-típusú” - azaz a kiválasztott terméket, amely először találkoztak a szülő elem
- „: Last of-típus” - azaz a kiválasztott terméket, amely utoljára találkoztak a saját szülő elem
- „: N.-first-of-típusú ()” és „: n-ed utolsó-of-típusú ()” - azok a kiválasztott terméket, ami egy bizonyos helyen van a szülő elem
Szűrőelem formák
- „:” Gombot - az elemeket a tag vagy a gombot típus
- „: Radio” - olyan elemeket, amelyek kapcsolók
- „: Checkbox” - olyan elemeket, amelyek zászlók
- „: Text” - olyan elemeket, amelyek a szöveges mezők
- „: Jelszó” - elemek, amelyek a jelszó megadása mezők
- „: Fájl” - elemeket, amelyek mezők fájlok feltöltése
- „: Küldés” - olyan elemeket, amelyek a küldés gombra
- „: Reset” - elemei, amelyek formája tisztítási gombok
- „: Image” - elemeket, amelyek a képeket elküldeni az űrlapot (input type image)
- „: Input” - elemeket, amelyek elemei formák (címkék bemenet, textarea vagy gomb)
- „: Kiválasztott” - a kiválasztott elemek (egy kiválasztott állapot). Ez a fajta elem lehet