Proč potřebujeme a jak snímat JQuery volič?

Moderní web designer by měla nejen zvládnout základy HTML, CSS a JavaScriptu, ale také být schopen pracovat v knihovně jQuery, který se zaměřuje na interakci JavaScriptu s HTML dokumenty. Že umožňuje rychlý přístup k jakémukoli prvku DOM (aplikační programové rozhraní, které poskytuje přístup k obsahu HTML souborů) a manipulovat s nimi. Hlavní strukturální jednotky knihovny jsou tým. Aby bylo možné použít jeden nebo druhý tým, budete potřebovat JQuery volič.

Formule selektory v jQuery knihovny

Selektory v JQuery založen na použití CSS. Jsou povinni zvolit předměty HTML souboru, aby jejich použití způsobit těchto či jiných metod z nich (tým) manipulaci. Vyhledávání se provádí pomocí funkce voliče $ (). Například $ ( 'div').

Tyto selektory lze klasifikovat v závislosti na tom, jak při výběru prvků:

• základní;
• podle atributu;
• hierarchie;
• obsah;
• o situaci;
• Volba formulářových polí;
• jiní.

Klíčové selektory

V 90% případů při použití této knihovny se používá JQuery volič patřící do hlavní skupiny. Všechny z nich jsou velmi jednoduché a jasné. Uvažujme každý z nich:

• * - vybere všechny elementy stránky, včetně hlavy, těla, atd.;
• p / div / sidebar / ... - vybere všechny prvky vztahující se k předem stanovené značce (tj p.div, sidebar, atd ...);
• .myClass / p.myClass - vybírá prvky s daným názvem třídy;
• # MyID / p # MyID -. Volí jakoukoli jednu položku s daným ID.

Zde je příklad. Řekněme, že budeme muset vybrat všechny prvky na stránce s nominální vstupem třídy bude vypadat takto: (. Par) $. V případě potřeby pouze p prvky této třídy, pak psát: $ (p.par).

atribut selektory

Můžete použít jQuery hlavní volič, pokud budeme muset vybrat položku patřící do jakékoliv třídy, která má ID nebo vybrat všechny prvky na stránce. Nicméně existují případy, kdy je položka nemá třídu nebo ID. Je to i tam jsou výběry od atributu. Ty vám umožní provést výběr z nějakého atributu HTML prvků, jako je například href nebo src. Tento atribut je napsán v hranatých závorkách [].

Nejjednodušší příklad: $ ([src]) - vybere všechny elementy, které mají atribut src. Je možné zúžit vzorku zadáním určitou hodnotu atributu: $ ([src = 'http: // místo / článek / 132222 / hodnota']).

Můžete použít některé jQuery selektory Chcete-li zúžit pole výběru. Například, $ (p [color = blue] [size = 12]) - jsou zvoleny pouze prvky, p, které mají modrou barvu a velikost 12.

obsah selektory

V takovém případě, pokud nemůžete vybrat prvky založené na atributech nebo základní selektory, měli byste se podívat na jejich obsah. Celkem je 4 volič tohoto typu:

• : Obsahuje - vybere položky, které obsahují zadaný text;
• : Má - vybere prvky, které obsahují další prvky, charakteristické pro vedení;
• : Mateřská - vybere prvky, které obsahují jakýkoliv jiný;
• : Prázdné - vybere prvky, které neobsahují žádný jiný.

Zde je příklad. Chcete-li vybrat všechny prvky div, který obsahuje text Hello, musíte napsat $ (div: Obsahuje ( 'Hello')).

selektory hierarchie

Tam je další způsob, jak vybrat prvky v jQuery, a to - v závislosti na jejich hierarchii (to znamená, že poměr mezi sebou na HTML stránky). Mnoho z nich, tak jsme se představit dvě nejpopulárnější, „dítě“ nebo „potomka“.

V prvním případě jsou zvoleny prvky, které jsou přímými potomky (děti) daného prvku (předchůdce). Chcete-li například vybrat prvky seznamu v třídě světle což je seznam dítě nav, pak musíte napsat: $ (ul # nav> li.light).

Druhý případ - na obecnější. Tam může být zvolen i nepřímé potomky elementu. Chcete-li například vybrat odkazy v seznamu nav předepisovat: $ (ul # nav a).

Tak, v JQuery prvky mohou být vybrány různými způsoby s použitím parametrů, jako je například třída, ID, atributy, obsahu nebo hierarchie prvků HTML dokumentů.