Selectarea unui element prin jQuery este foarte ușoară. Să luăm în considerare unele cazuri cele mai solicitate:
Este destul de simplu - folosiți semnul $.
Ie $ ("Elemente selectate"). Pentru a selecta toate divs pe această pagină, va trebui să înregistrați $ ('div').
$ ("# Header") - obținerea elementului cu id = "header"
$ ("H3") - obțineți totul
elementele
$ ("Div # content .photo") - obțineți toate elementele cu class = "photo" care sunt în elementul div cu id = "content"
$ ("Ul li") - obțineți totul
- din listă
$ ('div p # ceva a') // selectează toate referințele din paragraful cu id 'ceva' și cu divina mamă.Selectarea elementelor după ID
$ ('# myId'); // ID-ul trebuie să fie unic pe pagină
Selectarea elementelor după numele clasei
$ ('div.myClass'); // performanța va fi mai mare dacă specificați alt tip de element
Selectarea elementelor după atribute
$ ('introduceți [nume = primul nume]'); // rețineți că acest eșantion poate fi lung
$ ('# conținut ul.people li'); // Selectați elemente utilizând selectorul compusPseudo-selectori
$ ('a.extern: prima');
$ ('tr: ciudat');
$ ('# myForm: input'); // selectați toate intrările din formular
$ (div: vizibil);
$ ('div: gt (2)'); // toate cu excepția primelor trei div
$ ('div: animat'); // toate diviziile animateSelectarea selectorilor de atribute
Eșantionarea prin atribute ar trebui utilizată doar ca o ultimă soluție, deoarece acestea pot fi efectuate de foarte mult timp. Dacă este posibil, efectuați o selecție după ID, nume de clasă sau nume de etichetă.
// găsește toate elementele de tip , în care atributul rel se termină într-un "ghicitor"
$ ("a [rel $ = 'chelner']");Cum să știu dacă eșantionul gol este gol?
Trebuie să verificați proprietatea lungime, care arată câte elemente au fost selectate.
dacă ($ ('div.foo'). lungime) // condiție de exemplu pe un eșantion nonemptySalvarea unei mostre
Puteți salva eșantionul la o variabilă.
var $ divs = $ ('div');
Uneori, eșantionul conține mai multe elemente decât aveți cu adevărat nevoie. În acest jQuery vă oferă mai multe metode pentru a vă perfecționa selecția.
// exemplu exemple de rafinare
$ ('div.foo') are ('p'); // div.foo elemente care conțin elemente
$ ('h1') nu ('.bar'); // h1 elemente care nu au bara de clasă
$ ('ul li'). filtru ('. curent'); // o listă neordonată cu clasa curentă
$ ('ul li') primul (); // primul element din lista neordonată
$ ('ul li') eq (5); // șaseaMostre de elemente de formă
jQuery oferă mai mulți pseudo-selectori care vă permit să găsiți articole în formă. Acești selectori sunt deosebit de utili, deoarece este dificil să se determine elementele de formă prin starea sau proprietatea lor folosind selectorii standard CSS.
butonul selectează elementele
$ ("Ul li: first") - obțineți doar primul element