jQuery -je to jedna z nejoblíbenějších knihoven JavaScriptu, která výrazně usnadňuje práci s dokumenty HTML. Poskytuje uživatelsky přívětivé rozhraní pro manipulaci s prvky webové stránky, zpracování událostí, vytváření animací a další. Chcete-li však využít všechny funkce jQuery, musíte jej správně připojit do kódu JavaScript.
Existuje několik způsobů připojení jQuery. Jedním z nejběžnějších je připojení knihovny z CDN (Content Delivery Network). V tomto případě se soubor s knihovnou stáhne ze vzdáleného serveru, což vám umožní urychlit načítání stránky a ušetřit provoz uživatele. Chcete-li to provést, musíte do sekce dokumentu HTML přidat následující kód:
Pokud chcete jQuery připojit lokálně, musíte si nejprve stáhnout soubor s knihovnou z oficiálních stránek https://jquery.com. Poté vložte soubor do požadovaného adresáře projektu a přidejte následující kód do sekce dokumentu HTML:
Po připojení jQuery můžete ve svém JavaScript kódu použít všechny jeho možnosti, jako je použití selektorů k výběru položek na stránce, přidávání a mazání tříd, změna obsahu položek, zpracování událostí a další.
Připojení jQuery v JavaScriptu - 6 kroků
Krok 1: Stáhněte si knihovnu jQuery z oficiálních stránek nebo použijte odkaz CDN.
Krok 2: Vytvořte nový dokument HTML a přidejte odkaz na soubor jQuery uvnitř značky head pomocí značky script.
Krok 3: Přidejte svůj vlastní JavaScript kód do tagu script před uzavírací značkou body nebo v samostatném souboru JS.
Krok 4: Napište svůj kód pomocí syntaxe jQuery.
Krok 5: Očekávejte, že se dokument HTML plně načte pomocí funkce jQuery document.ready
Krok 6: Zkontrolujte, zda kód funguje správně a zobrazuje se na stránce.
Pomocí těchto 6 jednoduchých kroků můžete úspěšně připojit a používat jQuery ve svém JavaScript kódu.
Výběr verze a stahování
Ke stažení jQuery můžete použít následující způsoby:
| Způsob | Výhody | Nedostatky |
|---|---|---|
| Stahování ze serveru Google | Rychlé stahování, vysoká dostupnost | Vyžaduje přístup k internetu |
| Stažení ze serveru jQuery | Rychlé stahování, vysoká dostupnost | Vyžaduje přístup k internetu |
| Místní stahování | Bez závislosti na serverech třetích stran, dostupnost offline | Zvýšení velikosti projektu, vyžaduje ruční aktualizaci |
Výběr způsobu stahování závisí na vašich preferencích a požadavcích projektu. Pokud zvolíte stahování ze serveru Google nebo jQuery, musíte do značky vložit následující kód
Pokud zvolíte místní stahování, měli byste si stáhnout soubor jQuery z oficiálních stránek a umístit jej do svého projektu. Poté můžete vložit další kód před zavírací značkou
Při stahování jQuery je třeba vzít v úvahu, že prohlížeč po stažení knihovny provede kód. Vaše skripty, které používají jQuery, by proto měly být umístěny po stažení samotné knihovny.
Vytvoření souboru HTML
Chcete-li vytvořit html soubor, musíte použít příponu .html. Nejprve vytvoříme nový soubor v libovolném textovém editoru a uložíme jej s příponou .html, např. index.html.
Poté otevřete vytvořený soubor a začněte jej vyplňovat. HTML soubor musí mít strukturu:
| Tag | Popis |
|---|---|
| Kořenový prvek | |
| Informace o dokumentu | |
| Název dokumentu | |
| Tělo dokumentu |
Uvnitř značky můžeme specifikovat meta tagy, styly a skripty. Meta tagy se používají k zadání informací o dokumentu, jako je jeho kódování:
Uvnitř značky označíme název dokumentu, který se zobrazí na kartě prohlížeče:
Uvnitř značky umístíme obsah stránky-text, obrázky, formuláře atd.:
Toto je můj první HTML soubor.
Na samém konci souboru zavřeme značku