Co je zapotřebí a jak je napsán volič jQuery?

Moderní webový designér by měl nejen vlastnit základy HTML, CSS a jаvascript, ale také pracovat v knihovně jQuery, která se zaměřuje na interakci jazyka jаvascript s dokumenty HTML. Umožňuje vám rychle přistupovat a manipulovat s jakýmikoli prvky DOM (programové rozhraní, které otevírá přístup k obsahu html souborů). Hlavními strukturálními jednotkami této knihovny jsou týmy. Abyste mohli použít tento příkaz, potřebujete volič jQuery.

Vzorec voličů v knihovně jQuery

Voliče JQuery jsou založeny na volbách použitých v CSS. Jsou potřebné k výběru prvků souboru HTML, aby bylo možné je použít k volání jednoho nebo jiného způsobu manipulace s nimi (tým). Vyhledávání pomocí voliče se provádí pomocí funkce $ (). Například $ (`div`).

Selektory lze klasifikovat podle způsobu výběru prvků:

• základní;
• podle atributu;
• podle hierarchie;
• podle obsahu;
• podle polohy;
• výběr formulářových polí;
• ostatní.

Základní voliče

V 90% případů při práci s touto knihovnou se používá jQuery-selector, který patří do hlavní skupiny. Všechny jsou poměrně jednoduché a srozumitelné. Zvažme všechny z nich:

• * - vybírá všechny prvky stránky včetně hlavy, těla apod .;
• p / div / sidebar / ... - vybírá všechny prvky související s danou značkou (tj. p.div, postranní panel atd.);
• .myClass / p.myClass - vybírá prvky se zadaným názvem třídy;
• # myID / p. # myID - vybere jeden prvek s uvedeným ID.

Ukažme příklad. Řekněme, že musíme vybrat všechny prvky stránky s třídou par, položka bude vypadat takto: $ (.par). Pokud jsou zapotřebí pouze prvky p této třídy, pak budeme psát: $ (p.par).

Výběr atributů

Hlavní volič JQuery lze použít, pokud potřebujeme vybrat prvek, který patří do třídy, která má ID, nebo vybrat všechny prvky stránky. Existují však časy, kdy požadovaný prvek nemá třídu nebo ID. Proto jsou k dispozici selektory podle atributu. Umožňují vám vyzkoušet některé atribut elementu HTML, například pomocí href nebo src. Tento atribut je zapsán na hranaté závorky [].

Nejjednodušší příklad: $ ([src]) - vybírá všechny prvky, které mají atribut src. Oblast vzorku můžete zmenšit nastavením atributu na určitou hodnotu: $ ([src = `hodnota`]).

V JQuery můžete použít více selektorů, chcete-li výběr zúžit. Například $ (p [color = blue] [size = 12]) - budou vybrány pouze ty prvky p, které jsou modré a velikost 12.

Výběry obsahu

V případě, že není možné vybrat položky podle atributů nebo hlavních voličů, je vhodné odkazovat na jejich obsah. K dispozici jsou 4 voliče tohoto typu:

• : obsahuje - volí prvky obsahující zadaný text;
• : has - vybírá prvky, které obsahují další prvky specifické pro daný řádek;
• : parent - vybírá prvky, které obsahují jiné;
• : prázdná - vybere položky, které neobsahují žádné další.

Ukažme příklad. Chcete-li vybrat všechny prvky div obsahující text Hello, musíte napsat $ (div: obsahuje (`Hello`)).

Hierarchické voliče

Existuje ještě jedna možnost, jak vybrat položky v JQuery, jmenovitě podle jejich hierarchie (tj. Vztahu k sobě na stránce HTML). Existuje mnoho z nich, takže zde jsou dva nejpopulárnější: "dítě" a "dítě".

V prvním případě jsou vybrány prvky, které jsou přímí potomci (dítě) daného prvku (předchůdce). Chcete-li například vybrat položky seznamu ve třídě světla, které jsou podřízené v seznamu nav, musíte napsat: $ (ul # nav> li.light).

Druhý případ je obecnější. Zde mohou být také vybráni nepřímí potomci prvku. Chcete-li například vybrat odkazy v seznamu nav, napište: $ (ul # nav a).

V JQuery mohou být prvky vybrány různými způsoby pomocí parametrů jako je třída, ID, atributy, obsah nebo hierarchie prvků dokumentu HTML.