Kako hitro povežete jQuery

8. 4. 2019

JQuery je knjižnica že pripravljenih rešitev v jeziku JavaScript, ki omogoča enostavno dodajanje interaktivnosti na stran. Sestavljen je iz niza funkcij, ki poenostavljajo postopek pisanja kode. Izdelava spletnih strani z uporabo jQuery je poenostavljena z dejstvom, da se CSS uporablja za izbiro elementov v tej knjižnici. Programerji, ki poznajo CSS, je veliko bolj priročno delati s pripravljenimi funkcijami, namesto da bi pisali kompleksno JS-kodo.

Ugodnosti JQuery

Veliko rešitev je že bilo ustvarjenih, zato ni smiselno, da bi oblikovalci porabili nekaj časa za pisanje kode. V procesu dela na projektu se pogosto pojavijo situacije, ko je potrebno takoj na spletno mesto dodati nekaj funkcionalnosti, ki jih je že razvil nekdo drug. Redka stranka bo cenila kodo za drsnik, napisala 10 ur v čistem JavaScriptu, če je veliko hitreje povezala jQuery ali dodala okvir - del že napisane kode, in dobil priročen interaktivni element v nekaj minutah. Nato uporabite končni drsnik za izbrane elemente. Tako programer prihrani čas stranke in lastnega, ne da bi ga porabil za "ustvarjanje kolesa."

kako povezati jquery v html

Kako povezati knjižnico jQuer?

S pomočjo knjižnice, galerij in diaprojekcij se ustvarijo, lahko dodate različne učinke na stran in delo z AJAX (asinhronih zahtev za strežnik). JQuery podpira združljivost med brskalniki, olajša delo z dogodki in omogoča enostavno povezovanje.

Oglejmo si, kako omogočiti jQuery v HTML-ju z uporabo primera ustvarjanja drsnika. To naredite tako, da sledite petim preprostim korakom:

  1. Odprite kodo HTML strani, na kateri bo postavljen interaktivni element.
  2. Ustvarite funkcionalnost za izvajanje kode. Dodajte povezave do slik, ki se bodo premikale v drsniku.
  3. Pojdite na uradno spletno stran knjižnice jQuery in jo prenesite v računalnik. Če ga povežete prek povezave, lahko na neki točki preneha delovati, ker je uporaba prenesenega skripta bolj zanesljiva.
  4. Povlecite nastalo datoteko v mapo projekta.
  5. Zdaj morate povezati jQuery - to lahko naredite na način, podoben povezavi CSS stilov. Dodajte skript na glavo in vpišite njegov naslov. Izgleda takole: