JQuery je knihovna hotových řešení v javascriptovém jazyce, což usnadňuje přidání interaktivity na stránku. Skládá se ze souboru funkcí, které zjednodušují proces psaní kódu. Vývoj stránek pomocí jQuery je zjednodušený tím, že CSS se používá k výběru elementů v této knihovně. Pro programátory známé s CSS je mnohem pohodlnější pracovat s hotovými funkcemi než spisovat komplexní kód JS.

Výhody jQuery

Mnoho řešení již bylo vytvořeno, takže pro plánovače není smysluplné věnovat se psaní kódu od začátku. V průběhu práce na projektu se často objevují situace, kdy je třeba okamžitě přidat do stránky nějaký funkční nástroj, který již byl vyvinut někým jiným. Vzácné zákazníci ocení důstojnost kód pro jezdce 10 hodin napsán v čistém JavaScriptu, mnohem rychleji, je-li připojen nebo přidejte rámec jQuery - část již písemný kód a dostat šikovný interaktivní prvek na pár minut. Poté postačí, aby se k vybraným položkám použil hotový jezdec. Programátor tak ušetří čas zákazníka a jeho vlastní, aniž by ho musel utrácet na "tvorbě jízdního kola".

Jak připojit knihovnu jQuer?

Pomocí knihovny vytváříte galerie, prezentace, můžete přidat různé efekty na stránku a pracovat s AJAX (asynchronní požadavky na server). JQuery podporuje cross-browser, usnadňuje práci s událostmi a snadno se připojuje. Uvažujme, jak připojit jQuery k HTML na příkladu vytvoření posuvníku. Chcete-li to udělat, stačí udělat pětJednoduché kroky:

Otevřete HTML stránky, na které bude umístěn interaktivní element.

Vytvořte funkci pro implementaci kódu. Přidat odkazy na obrázky, které se budou pohybovat v posuvníku.

Přejděte na oficiální stránku knihovny jQuery a stáhněte ji do počítače. Pokud jej propojíte přes odkaz, může se v určitém okamžiku přestat pracovat, takže použití staženého skriptu je spolehlivější.

Přetáhněte výsledný soubor do složky projektu.

Nyní je třeba připojit jQuery - to lze provést podobným způsobem, jak připojit styly CSS. V hlavičce přidejte skript a napište její adresu. Vypadá to takto:

jQuery plugin composition

Všechny rady o dalších akcích jsou k dispozici na oficiálních stránkách knihovny. Jsou umístěny v nabídce vpravo od verze seznamu příběhů plug-in. Výběrem položky demo se můžete dozvědět, jak funguje plugin a jaké funkce provádí. Položka dokumentace popisuje složení archivu a jeho klíčové vlastnosti. Zde je kód pro připojení pluginu. V samotném archivu jsou dva soubory s různými rozšířeními. Jeden z nich bude mít příponu CSS - soubor se styly, druhý kód skriptu JS.

Jak se připojit konektor do kódu HTML

Aby bylo možné připojit zástrčku na znakovou stránku jQuery, štítek by měl registrovat odkazů cesty ke všem souborům z archivu v počítači. Nejprve přidáme soubor HTML s příponou CSS a připojíme se přesně jako soubor stylů :. Tento odkaz se nachází v hlavičce bezprostředně po skriptu s odkazem na knihovnu.Dále přiložíme soubor bat. Toto je skript a můžete jej přidat stejným způsobem jako soubor s knihovnou. Celkově propojujeme tři soubory: samotnou knihovnu jQuery, styly a skript.

Dalším krokem je spuštění nebo inicializace plug-inu. Na stránce dokumentace bude pro různé účely několik kódových variant. Zvolte ten, který chcete, zkopírujte jej a vložte jej do HTML jako skript v hlavičce. Chcete-li to provést, zkopírujte písemný kód do značky skriptu. Nyní pochopíme syntaxi pluginu jQuery. Prvním krokem zkopírovaného kódu bude název třídy nadřazeného bloku, kterou chcete přidat do projektu HTML. Tip o tom, kam ji umístit na stránce dokumentace. V případě posuvníku se do bloku přidá požadovaná třída s odkazy na obrázek.

Funkce běhu skriptu

Před spuštěním pluginu knihovna jQuery kontroluje připravenost webu a teprve po iniciování skriptu. Proto je třeba poznamenat, že stránka je připravena k práci a všechny potřebné prvky na místě. K tomu použijeme hotový kód na stránce dokumentace, která obsahuje podmínku uvedení do provozu. Nyní zkontrolujte výkonnost pluginu na webu. Pokud je vše správně provedeno a v kódu nejsou žádné chyby, skript bude fungovat správně a na stránce se objeví posuvník s obrázky. Nyní je zřejmé, že připojení JQuery je mnohem rychlejší a jednodušší než vytvoření kódu JS od začátku. Práce s touto knihovnou pomáhá šetřit čas pro zákazníka a umělce, rychle vyzvednout hotové řešení a vyzkoušet je v praxi. To je důvod, pročmnoho programátorů a obslužných pracovníků se obrací na knihovnu hotových řešení pro optimalizaci a urychlení jejich práce.