Zašto nam je potrebna i kako snimati jQuery izbornik?

Moderni web dizajner ne samo da treba svladati osnove HTML, CSS i JavaScript, ali i biti u mogućnosti da rade u jQuery biblioteke, koji se fokusira na interakcije JavaScript s HTML-dokumenata. Da omogućuje brz pristup bilo kojem elementu DOM (programsko sučelje koje omogućuje pristup sadržaju HTML datoteka) i manipulirati njima. Glavne strukturne jedinice knjižnice su tim. Kako bi se primijeniti jedan ili drugi tim, morate jQuery izbornik.

Formula selektora u jQuery biblioteke

Selektori u jQuery temelji na uporabi u CSS. Oni su potrebni za odabir stavke HTML-datoteku, koristiti ih za uzrok ove ili druge metode ih (timu) manipulira. Pretraživanje se vrši preko selektor $ () funkciju. Na primjer, $ ( 'div').

Selektori se mogu klasificirati ovisno o tome kako je izbor elemenata:

• osnovna;
• atributu;
• hijerarhija;
• sadržaj;
• o situaciji;
• Odabir polja obrasca;
• drugi.

Ključne selektora

U 90% slučajeva kada se koristi ova knjižnica koristi jQuery izbornik pripada glavnoj skupini. Svi oni su vrlo jednostavna i jasna. Razmotrimo svaku 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đenom oznakom (tj p.div, sidebar, itd ...);
• .myClass / p.myClass - odabire elemente određenog ime klase;
• # MyID / p # myID -. Odabir bilo jedan proizvod s navedenim ID.

Ovdje je primjer. Recimo da je potrebno odabrati sve elemente na stranici sa par upisa klase će biti kako slijedi: (. Par) $. Ako je potrebno samo p elementi ove klase, a zatim napisati: $ (p.par).

atribut selektora

Možete koristiti jQuery glavni-selektor, ako nam je potrebno za odabir stavke pripada bilo kojoj klasi koja ima ID ili odaberite sve elemente na stranici. Međutim, postoje slučajevi kada je predmet nema klasu ili ID. To je za to i postoje izbori po atribut. Oni omogućuju vam da napravite izbor na neki atribut HTML elemenata, kao što su href ili src. Ovaj atribut je zapisano u uglate zagrade [].

Najjednostavniji primjer: $ ([SRC]) - odabire sve elemente koji su src atribut. Moguće je suziti uzorak navodeći određenu vrijednost atributa: $ ([src = 'http: // stranica / članak / 132222 / vrijednost']).

Možete koristiti neke jQuery selektora ako želite suziti polje izbora. Na primjer, $ (p [color = blue] [size = 12]) - odabrani samo oni elementi p, što ima plave boje i veličine 12.

selektora sadržaj

U tom slučaju, ako ne možete odabrati elemente na temelju atributa ili osnovnih selektora, te bi trebao odnositi na njihov sadržaj. Ukupno ima 4 selektor ove vrste:

• : Sadrži - odabir stavki koje sadrže određeni tekst;
• : Je - odabir elemenata koji sadrže ostale elemente karakteristične linije;
• : Roditelj - odabir elemenata koji sadrže bilo koji drugi;
• : Prazan - odabire elemente koji ne sadrže bilo koji drugi.

Ovdje je primjer. Da biste odabrali sve elemente div koji sadrži tekst Pozdrav, morate napisati $ (DIV: sadrži ( „Hello”)).

selektora hijerarhija

Postoji još jedan način za odabir elemenata u jQuery, naime - prema njihovoj hijerarhiji (odnosno, omjer jedni drugima na HTML-stranici). Mnogi od njih, pa ćemo predstaviti dvije od najpopularnijih „dijete” i „potomak”.

U prvom slučaju elementi su odabrani, koji su izravni potomci (djeca) danog elementa (predaka). Na primjer, odaberite elemente popisa u svjetlo klasi koja je popis dijete Nav, onda morate napisati: $ (ul # nav> li.light).

Drugi slučaj - više općenito. Ne može se odabrati i neizravne potomci elementa. Na primjer, za odabir veze unutar popisa nav propisati: $ (ul # nav a).

Dakle, u jQuery elementi mogu biti odabrani na različite načine pomoću parametara kao što su klase, ID, atributima, sadržaj ili hijerarhiju elemenata HTML-dokumenata.