Zašto nam je potreban i kako da snimite jQuery selektora?

Moderni web-dizajner ne treba samo da imaju osnove HTML, CSS i JavaScript, ali i biti u mogućnosti da rade u biblioteci jQuery, koji se fokusira na interakcije JavaScript sa HTML-dokumente. To omogućava brz pristup bilo koji element DOM (za programiranje aplikacija sučelje koje omogućava pristup sadržaju HTML datoteke) i manipulirati njima. Glavne strukturne jedinice biblioteke su tim. Kako bi se primijeniti jedan ili drugi tim, potreban vam je jQuery selektora.

Formula selektori u jQuery biblioteke

Selektori u jQuery zasniva na korištenju u CSS. Od njih se traži da odaberete stavke HTML datoteke, da ih koriste da će izazvati ove ili druge metode od njih (ekipa) manipulacije. Pretraga se vrši preko funkcije selektor $ (). Na primjer, $ ( 'div').

Selektori se mogu svrstati u zavisnosti od toga kako se odabir elemenata:

• osnovni;
• od atributa;
• hijerarhiju;
• sadržaja;
• o situaciji;
• izbor polja obrasca;
• drugih.

ključni selektori

U 90% slučajeva kada se koristi ova biblioteka se koristi jQuery selektor pripadaju glavne grupe. Svi oni su vrlo jednostavne i jasne. Razmotrimo svaki od njih:

• * - odabire sve elemente stranice, uključujući i glavu, tijelo, itd.
• P / div / sidebar / ... - odabire sve elemente koji se odnose na unaprijed određenim oznaku (tj p.div, sidebar, itd ...);
• .myClass / p.myClass - bira elemente s navedenim nazivom klase;
• # Myid / p # myid -. Bira svakog predmeta sa datim ID.

Ovdje je primjer. Recimo da je potrebno da odaberete sve elemente na stranici sa ulaskom par klasa će biti kako slijedi: (. Par) $. Ako je potrebno samo p elemenata ove klase, a zatim pisati: $ (p.par).

pripisuju selektori

Možete koristiti jQuery glavni selektora, ako nam treba za odabir stavke koje pripadaju jednoj klasi koji imaju broj ili odaberite sve elemente na stranici. Međutim, postoje slučajevi kada stavku nema klasi ili ID. To je za to i postoji izbor od atributa. Oni vam omogućiti da napravite izbor na neki atribut HTML-elemente, kao što su href ili src. Ovaj atribut je napisan u uglatim zagradama [].

Najjednostavniji primjer: $ ([src]) - izaberite sve elemente sa src atribut. Moguće je da se smanji uzorak navodeći određenu vrijednost atributa: $ ([src = 'http: // site / article / 132222 / vrijednost']).

Možete koristiti neke jQuery selektora ako želite da sužen izbor. Na primjer, $ (p [color = blue] [size = 12]) - će biti izabrani samo elemente p, koji imaju plave boje i veličine 12.

selektori sadržaj

U tom slučaju, ako ne možete odabrati elemente na osnovu atributa ili osnovnim selektora, trebalo bi da se odnose na njihov sadržaj. Ukupno ima 4 selektor ovog tipa:

• Sadrži - bira stvari koje sadrže navedenu tekst;
• : Da li je - bira elementi koji sadrže druge elemente karakteristične linije;
• : Matična - bira elementi koji sadrže bilo koje druge;
• : Empty - bira elemente koji ne sadrže bilo koji drugi.

Ovdje je primjer. Da biste izabrali sve elemente div, koji sadrži tekst Zdravo, morate pisati $ (Div: sadrži ( 'Hello')).

selektori hijerarhija

Postoji još jedan način da odaberete elemente u jQuery, naime - prema njihovoj hijerarhiji (to jest, odnos jedni druge na HTML-stranici). Mnogi od njih, tako da smo predstaviti dva najpopularnija, "dijete" i "potomak".

U prvom slučaju su izabrani elementi, koji su direktni potomci (djeca) određenog elementa (pretka). Na primjer, da biste izabrali elemenata liste u svjetlu klasa koja je lista dijete nav, onda morate pisati: $ (ul # nav> li.light).

U drugom slučaju - više općenito. Ne može biti izabran i indirektne potomci elementa. Na primjer, da biste izabrali veze unutar liste NAV propisati: $ (ul # nav a).

Tako je, u jQuery elementi mogu biti izabrani na različite načine pomoću parametara kao što su klase, ID, atributa, sadržaj ili hijerarhija elemenata HTML-dokumenta.