De ce avem nevoie și cum să înregistreze JQuery selectorul?

designer de web modern , nu ar trebui să stăpânească doar elementele de bază ale HTML, CSS și JavaScript, dar , de asemenea , să fie capabil să lucreze în bibliotecă JQuery, care se concentrează pe interacțiunea JavaScript cu HTML-documente. Acest lucru permite accesul rapid la orice element DOM (interfață de programare a aplicațiilor care oferă acces la conținutul HTML-fișiere) și să le manipuleze. Principalele unități structurale ale bibliotecii sunt echipa. Pentru a aplica una sau alta echipa, ai nevoie de un JQuery-selector.

selectoare Formula din biblioteca JQuery

Selectoarele din JQuery bazate pe utilizarea în CSS. Acestea sunt necesare pentru a selecta elemente HTML fișier, pentru a le folosi pentru a provoca aceste sau alte metode de a le manipula (echipa). Căutarea este efectuată prin intermediul funcției de selectare a $ (). De exemplu, $ ( 'div').

Selectoarele pot fi clasificate în funcție de modul în care selecția de elemente:

• de bază;
• de atribut;
• ierarhia;
• conținut;
• asupra situației;
• alegerea câmpurilor de formular;
• altele.

selectori cheie

În 90% din cazuri, atunci când se utilizează această bibliotecă este folosită JQuery selector aparținând grupului principal. Toate acestea sunt destul de simple și clare. Să luăm în considerare fiecare dintre ele:

• * - selecteaza toate elementele din pagină, inclusiv cap, corp, etc;.
• p / div / perciuni / ... - selecteaza toate elementele referitoare la tag-ul predeterminat (de exemplu, la p.div, bara laterală, etc ...);
• .myClass / p.myClass - selecteaza elementele cu numele clasei specificate;
• # MyID / p # myID -. Selectează orice element cu ID-ul dat.

Aici este un exemplu. Să presupunem că avem nevoie pentru a selecta toate elementele de pe pagina de intrare cu clasa nominală va fi după cum urmează: (. Par) $. Dacă este necesar doar elemente p ale acestei clase, apoi scrie: $ (p.par).

atribut selectoare

Puteți utiliza JQuery selectorul principal, în cazul în care avem nevoie pentru a selecta un element care aparține unei clase cu ID-ul sau selectați toate elementele de pe pagină. Cu toate acestea, există cazuri în care un element nu are nici o clasă sau ID-ul. Este pentru acest lucru și sunt selecții în funcție de atribute. Acestea vă permit să facă o selecție pe unele atribut al-elemente HTML, cum ar fi href sau src. Acest atribut este scris în paranteze pătrate [].

Cel mai simplu exemplu: $ ([src]) - selectează toate elementele care au atributul src. Este posibil să se reducă proba prin specificarea anumită valoare a atributului: $ ([src = 'http: // site / article / 132222 / valoare']).

Puteți utiliza unele selectori JQuery dacă doriți pentru a restrânge domeniul de alegere. De exemplu, $ (p [color = blue] [size = 12]) - sunt selectate numai acele elemente p, care au o culoare și dimensiune 12 albastru.

conţinutul selectoare

În acest caz, dacă nu puteți selecta elemente bazate pe atribute sau selectori de bază, ar trebui să se refere la conținutul lor. In total sunt 4 selector de acest tip:

• : Conține - selectează elementele care conțin textul specificat;
• : A - selecteaza elemente care conțin alte elemente caracteristice ale liniei;
• : Părinte - selectează elemente care conțin orice alt;
• : Gol - selecteaza elemente care nu conțin nici o alta.

Aici este un exemplu. Pentru a selecta toate elementele div, care conține textul Salut, trebuie să scrie $ (div: conține ( „Hello“)).

ierarhie selectoare

Există un alt mod de a selecta elemente în JQuery, și anume - în funcție de ierarhia lor (adică, raportul dintre reciproc pe pagina HTML). O mulțime de ei, așa că vom prezenta două dintre cele mai populare, „copil“ și „descendent“.

În primul caz sunt selectați elementele, care sunt descendenții direcți (copii) ale unui element dat (strămoș). De exemplu, pentru a selecta elementele listei din clasa de lumină care este o listă nav copil, atunci trebuie să scrie: $ (ul # nav> li.light).

Al doilea caz - o mai general. Pot fi selectate și descendenții indirecte ale elementului. De exemplu, pentru a selecta link-urile din lista nav prescrie: $ (ul # nav a).

Astfel, în JQuery elemente pot fi selectate în diferite moduri, prin utilizarea parametrilor, cum ar fi o clasă, ID, atribute, conținutul sau ierarhia elementelor HTML documentului.