Ako prepojiť jquery s dokumentom HTML

JQuery je najkomplexnejšia a najpopulárnejšia knižnica skriptov s cieľom maximalizovať funkčnosť webových stránok. Jeho použitie sa v mnohých prípadoch považuje za vhodnejšie ako písanie jednotlivých skriptov pre túto lokalitu, pretože táto knižnica rozlišuje spoľahlivosť a schopnosť pracovať vo všetkých prehliadačoch, vrátane tých, ktoré sú v ich starších verziách. Tiež pomocou JQuery optimalizuje prácu webu a vytvára oveľa menej záťaže ako "čistý" kód na javascripte. V tomto článku sa budeme zaoberať pripojením jQuery na vaše stránky.

Ako stiahnuť JQuery

Ak chcete pripojiť webovú stránku JQuery do knižnice, musíte ju prevziať a pridať do priečinka súborov javascript v adresári, kde sa nachádzajú súbory webových stránok. Knižnicu je možné prevziať na oficiálnu webovú stránku, najnovšia verzia jQuery a odkaz na stiahnutie sa zobrazia priamo na hlavnej stránke. Vyzerá to takto:
Preto vidíme, že najnovšia verzia knižnice Jquery pre dnešok (október 2018) je v331. Odporúča sa, aby ste sledovali aktualizácie a pravidelne pripojovali aktuálnu verziu, aby ste sa vyhli chybám pri zobrazovaní informácií na webe.


Po stiahnutí súboru musí byť umiestnený v adresári na hostiteľovi, ktorý obsahuje ostatné súbory stránok. Ak webová stránka ešte nie je uvedená v sieti, ale nachádza sa v počítači, stiahnutý súbor sa jednoducho umiestni do príslušného priečinka. Ak už bol migrovaný na server, musíte migrovať pomocou správcu súborov(napríklad WinSCP alebo FileZilla). Ak chcete uložiť skripty JS, je lepšie vybrať samostatnú zložku. Má tiež jQuery.

Pripojenie stiahnutej knižnice

Pripojenie knižnice jQuery k dokumentu HTML. Najskôr otvorte v ľubovoľnom textovom editore alebo HTML kódovej stránke vašej stránky. V prípade, že pracujete na CMS, musíte prejsť do sekcie, kde sa hlavová jednotka mení.


Nasledujúca oblasť sa uvádza s nasledujúcim kódom s odkazom na pripojenie JQuery skriptov a vedie do príslušného adresára. Toto bude vyzerať takto:

Wordpress je jedným z najpopulárnejších CMS pre vývoj webových stránok a blogov. Pozrime sa, ako pripojiť jQuery na WordPress.

Nie je chybou pripojiť knižnicu pomocou vyššie popísanej metódy pomocou bloku hlavičky, ale na optimalizáciu stránky doporučujeme nasledujúcu metódu.

Knižnica v tomto prípade si nie je vyžadovaná. Musíte ísť do režimu úpravy súboru functions.php a zapísať do neho nasledujúci kód:

funkcia my_enqueue_scripts () {
wp_enqueue_script ('jquery');
}
add_action ('wp_enqueue_scripts', 'my_enqueue_scripts');

Týmto spôsobom sa spojenie spustí.

Použitie služby JQuery so spoločnosťou Google

Služba JQuery je vhodná na používanie služieb Google. Jeho výhody zahŕňajú zvýšenie rýchlosti stránky, pretože súbory nie sú spojené s interným dokumentovým systémom a externý zdroj, to znamená, že extra čas na stiahnutie sa nevyužíva a stránka funguje rýchlejšie.


& lt; script type = "text /javascript" & gt;
môže zablokovaťSettings2 = {blockId: "R-A-271049-5", renderTo: "yandex_rtb_R-A-70350-39", asynch: 0};
, ak (document.cookie.indexOf ("abmatch =") väčšie alebo rovné 0) blockSettings2.statId = 70350;
! Funkcie (a, b, c, d, e) {a [c] = a [c] || [], a [c] .push (funkcia () {Ya.Context.AdvManager.render (blockSettings2)}), e = b.getElementsByTagName ("scenár") , d = b.createElement ("scenár"), d.type = "text /javascript", d.src = "//an.yandex .ru /systém /context.js "d.async = 0e.parentNode.insertBefore (d, e)} (to, this.document ,!" yandexContextAsyncCallbacks ");

Ako pripojiť spoločnosť JQuery k webovej lokalite spoločnosti Google.

, by malo byť rovnaké ako u prvého spôsobu, prejsť k zablokovaniu všetkých HTML-dokumentu, potom priviesť späť kód

& lt; script src = "//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">

Toto je priamy odkaz na knižnicu uverejnenú priamo na stránkach Google. V budúcnosti, keď skript pristupuje k knižnici, stiahne sa hneď odtiaľ. Je dôležité poznamenať, že najnovšia verzia jQuery musí byť uvedená v prepojení. Kód na najnovšiu verziu môže byť vyradená z prevádzky Google Developers, nájsť hľadaním na názov knižnice.

Možnosti JQuery

zvedaví, ako sa pripojiť webové stránky JQuery, pravdepodobne ste zaplatili pozornosť na skutočnosť, že pri sťahovaní sú k dispozícii dva súbory, z ktorých jeden má ďalšie meno "min", a druhý nie. ObajaMožnosť sa môže použiť na pripojenie k webovej stránke, ale medzi nimi existuje rozdiel. Minová verzia v názve je komprimovaná, pretože z nej boli odstránené všetky ďalšie znaky, napríklad karty a premeny reťazcov. Je prakticky nemožné ho použiť na vykonanie zmien a ladení, ale pri pripojení k lokalite vykazuje dobrý výkon. Nekomprimovaná verzia, naopak, sa dobre používa na ladenie kódu, ale je dôležitejšie a nedoporučuje sa ho použiť na pripojenie k lokalite.
​​

Záver

Preto sme preskúmali základné techniky a naučili sa pripojiť skripty jQuery k dokumentu HTML. V závislosti od stanovených cieľov a cieľov, ako aj z osobného pohodlia, môžete využiť ktorúkoľvek z ponúkaných možností. Knižnica JQuery je skvelý spôsob, ako rozšíriť funkčnosť lokality bez straty produktivity.

Súvisiace publikácie