Prečo potrebujeme a ako snímať JQuery volič?

Moderné web designer by mala nielen zvládnuť základy HTML, CSS a JavaScriptu, ale tiež byť schopný pracovať v knižnici jQuery, ktorý sa zameriava na interakciu JavaScripte s HTML dokumenty. Že umožňuje rýchly prístup k akémukoľvek prvku DOM (aplikačné programové rozhranie, ktoré poskytuje prístup k obsahu HTML súborov) a manipulovať s nimi. Hlavné štrukturálne jednotky knižnice sú tím. Aby bolo možné použiť jeden alebo druhý tím, budete potrebovať JQuery volič.

Formula selektory v jQuery knižnice

Selektory v JQuery založený na použití CSS. Sú povinní zvoliť predmety HTML súboru, aby ich použitie spôsobiť týchto alebo iných metód z nich (tím) manipuláciu. Vyhľadávanie sa vykonáva pomocou funkcie voliča $ (). Napríklad $ ( 'div').

Tieto selektory možno klasifikovať v závislosti na tom, ako pri výbere prvkov:

• základné;
• podľa atribútu;
• hierarchie;
• obsah;
• o situácii;
• Voľba formulárových polí;
• iní.

kľúčové selektory

V 90% prípadov pri použití tejto knižnice sa používa JQuery volič patriaci do hlavnej skupiny. Všetky z nich sú veľmi jednoduché a jasné. Uvažujme každý z nich:

• * - vyberie všetky elementy stránky, vrátane hlavy, tela, atď .;
• p / div / sidebar / ... - vyberie všetky prvky vzťahujúce sa k vopred určenej značke (tj p.div, sidebar, atď ...);
• .myClass / p.myClass - vyberá prvky s daným názvom triedy;
• # MYiD / p # MYiD -. Volí akúkoľvek jednu položku s daným ID.

Tu je príklad. Povedzme, že budeme musieť vybrať všetky prvky na stránke s nominálnou vstupom triedy bude vyzerať takto: (. Par) $. V prípade potreby iba p prvky tejto triedy, potom písať: $ (p.par).

atribút selektory

Môžete použiť jQuery hlavný volič, ak budeme musieť vybrať položku patriaci do akejkoľvek triedy, ktorá má ID alebo vybrať všetky prvky na stránke. Avšak existujú prípady, kedy je položka nemá triedu alebo ID. Je to aj tam sú výbery od atribútu. Tie vám umožní vykonať výber z nejakého atribútu HTML prvkov, ako je napríklad href alebo src. Tento atribút je napísaný v hranatých zátvorkách [].

Najjednoduchší príklad: $ ([src]) - vyberie všetky elementy, ktoré majú atribút src. Je možné zúžiť vzorky zadaním určitú hodnotu atribútu: $ ([src = 'http: // miesto / článok / 132222 / hodnota']).

Môžete použiť niektoré jQuery selektory Ak chcete zúžiť pole výberu. Napríklad, $ (p [color = blue] [size = 12]) - sú zvolené iba prvky, p, ktoré majú modrú farbu a veľkosť 12.

obsah selektory

V takom prípade, ak nemôžete vybrať prvky založené na atribútoch alebo základné selektory, mali by ste sa pozrieť na ich obsah. Celkovo je 4 volič tohto typu:

• : Obsahuje - vyberie položky, ktoré obsahujú zadaný text;
• : Má - vyberie prvky, ktoré obsahujú ďalšie prvky, charakteristické pre vedenie;
• : Materská - vyberie prvky, ktoré obsahujú akýkoľvek iný;
• : Prázdne - vyberie prvky, ktoré neobsahujú žiadny iný.

Tu je príklad. Ak chcete vybrať všetky prvky div, ktorý obsahuje text Hello, musíte napísať $ (div: Obsahuje ( 'Hello')).

selektory hierarchie

Tam je ďalší spôsob, ako vybrať prvky v jQuery, a to - v závislosti na ich hierarchiu (to znamená, že pomer medzi sebou na HTML stránky). Mnoho z nich, tak sme sa predstaviť dve najpopulárnejšie, "dieťa" alebo "potomka".

V prvom prípade sú zvolené prvky, ktoré sú priamymi potomkami (deti) daného prvku (predchodca). Ak chcete napríklad vybrať prvky zoznamu v triede svetle čo je zoznam dieťa nav, potom musíte napísať: $ (ul # nav> li.light).

Druhý prípad - na všeobecnejšie. Tam môže byť zvolený aj nepriame potomkov elementu. Ak chcete napríklad vybrať odkazy v zozname nav predpisovať: $ (ul # nav a).

Tak, v JQuery prvky môžu byť vybrané rôznymi spôsobmi s použitím parametrov, ako je napríklad trieda, ID, atribúty, obsahu alebo hierarchie prvkov HTML dokumentov.