Ako rýchlo pripojiť jQuery

JQuery - knižnica hotových riešení v jazyku JavaScript, takže je ľahké pridať interaktivitu na stránku. Skladá sa zo súboru funkcií, ktoré zjednodušujú proces zápisu kódu. Rozvoj stránok pomocou jQuery je zjednodušený tým, že CSS sa používa na výber vzoriek v tejto knižnici. Programátori zoznámenie s CSS, oveľa jednoduchšie pracovať s ready rysmi namiesto písania komplex JS-kód.

Výhody jQuery

Mnoho riešenia, ktoré už existujú, takže rozloženie nemá zmysel tráviť čas písania kódu od nuly. Pri práci na projekte, často sú situácie, kedy potrebujete rýchlo pridať funkcie na mieste už vyvinuté niekým iným. Zriedkavé zákazníci ocenia dôstojnosť kód pre jazdcov 10 hodín napísaný v čistom JavaScripte, oveľa rýchlejšie, ak je pripojený alebo pridajte rámec jQuery - časť už písomný kód a dostať šikovný interaktívne prvok na pár minút. Potom stačí, aby sa na vybraté položky použil hotový jazdca. Programátor tak šetrí čas zákazníka a jeho vlastného, ​​bez toho, aby ho musel minúť na "výrobu bicykla".


Ako sa pripojiť knižnica jQuer?

S knižnice vytvorené galérie, slide show, môžete pridať rôzne efekty na stránke a pracovať s AJAX (Asynchronous požiadavky na server). JQuery podporuje cross-browser, uľahčuje prácu s udalosťami a ľahko sa spája. Pozrime sa na to, ako pripojiť jQuery na HTML na príklade vytvorenia jazdca. Ak to chcete urobiť, urobte len päťJednoduché kroky:
  • Otvorte HTML stránky, na ktorej bude umiestnený interaktívny prvok.
  • Vytvorte funkciu pre implementáciu kódu. Pridajte odkazy na obrázky, ktoré sa presunú do posúvača.
  • Prejdite na oficiálnu stránku knižnice jQuery a stiahnite si ju do počítača. Ak ho spojíte cez odkaz, v určitom okamihu môže prestať pracovať, takže použitie stiahnutého skriptu je spoľahlivejšie.
  • Presuňte výsledný súbor do priečinka projektu.
  • Teraz je potrebné pripojiť jQuery - toto sa dá urobiť podobným spôsobom ako pripojenie štýlov CSS. V hlavičke pridajte skript a napíšte jeho adresu. Vyzerá to takto:

    jQuery plugin composition

    Všetky rady o ďalších akciách sú k dispozícii na oficiálnych stránkach knižnice. Nachádzajú sa v ponuke vpravo od verzie zoznamu príbehov doplnku. Výberom demo položky sa môžete dozvedieť, ako modul funguje a aké funkcie vykonáva. Položka dokumentácie opisuje zloženie archívu a jeho kľúčové charakteristiky. Tu je kód pre pripojenie doplnku. V samotnom archíve sú dva súbory s rôznymi rozšíreniami. Jeden z nich bude mať rozšírenie CSS - súbor so štýlmi, druhý kód skriptu je JS.

    Ako pripojiť doplnok k kódu HTML

    Aby ste pripojili doplnok jQuery k kódu stránky, v tagu odkazu musíte predpísať cesty ku všetkým súborom z archívu v počítači. Najprv pridáme súbor HTML s príponou CSS a spojíme sa presne ako súbor štýlov :. Tento odkaz sa nachádza v hlavičke hneď po skripte s odkazom na knižnicu.Ďalej pripojíme bat súbor. Toto je skript a môžete ho pridať rovnakým spôsobom ako súbor s knižnicou. Celkovo sa pripájajú tri súbory: samotná knižnica jQuery, štýly a skript.
    Ďalším krokom je spustenie alebo inicializácia doplnku. Na stránke s dokumentáciou bude na rôzne účely niekoľko kódových variantov. Vyberte si ten, ktorý chcete, skopírujte ho a vložte do HTML ako skript v hlavičke. Za týmto účelom jednoducho skopírujte zapísaný kód do značky skriptu. Teraz budeme chápať syntax doplnku jQuery. Prvý krok kopírovaného kódu bude názov triedy nadradeného bloku, ktorý chcete pridať do projektu HTML. Tip o tom, kam ju umiestniť na stránku s dokumentáciou. V prípade posúvača sa požadovaná trieda pridá do bloku s odkazmi na obrázok.

    Funkcie spustenia skriptu

    Pred spustením doplnku knižnica jQuery kontroluje pripravenosť lokality a až potom iniciuje skript. Preto je potrebné poznamenať, že stránka je pripravená na prácu a všetky potrebné prvky na mieste. Na tento účel použijeme hotový kód na stránke dokumentácie, ktorá obsahuje podmienky spustenia. Teraz skontrolujte výkon doplnku na stránkach. Ak je všetko vykonané správne a v kóde nie sú žiadne chyby, skript bude fungovať správne a na stránke sa zobrazí posuvník s obrázkami. Teraz sa ukázalo, že pripojenie JQuery je oveľa rýchlejšie a jednoduchšie ako vytváranie kódu JS od začiatku. Práca s touto knižnicou pomáha šetriť čas pre zákazníka a výkonného pracovníka, rýchlo vyzdvihnúť hotové riešenie a otestovať ho v praxi. Pretomnohí programátori a spracovatelia sa obracajú na knižnicu hotových riešení na optimalizáciu a urýchlenie svojej práce.
  • Súvisiace publikácie