Kako hitro povežete jQuery

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. Razvoj strani z uporabo jQuery je poenostavljen z dejstvom, da se CSS uporablja za vzorčenje elementov v tej knjižnici. Za programerje, ki poznajo CSS, je veliko bolj priročno delo z že pripravljenimi funkcijami, kot pa pisanje kompleksne JS-kode.

Prednosti jQuery

Veliko rešitev je že bilo ustvarjenih, zato načrtovalci nimajo smisla porabiti časa za pisanje kode od začetka. V procesu dela na projektu se pogosto pojavijo situacije, ko morate na spletno mesto takoj dodati nekaj funkcionalnega, ki ga je že razvil nekdo drug. Redka stranka bo cenila kodo za drsnik, napisana v 10 urah na čisto javascript, če je veliko hitreje povezati jQuery ali dodati okvir - del kode, ki je že napisana in dobite priročen interaktivni element v nekaj minutah. Po tem je dovolj, da na izbrane elemente uporabite končni drsnik. Tako, programer prihrani čas stranke in svoje, ne da bi porabili za "ustvarjanje kolesa."


Kako povezati knjižnico jQuer?

Z uporabo knjižnice ustvarjate galerije, diaprojekcije, na stran lahko dodajate različne učinke in delate z AJAX (asinhrone zahteve za strežnik). JQuery podpira navzkrižno brskanje, omogoča preprosto delo z dogodki in enostavno povezovanje. Poglejmo, kako povezati jQuery s HTML-jem na primer ustvarjanja drsnika. Če želite to narediti, naredite petPreprosti koraki:
  • Odprite HTML strani, na kateri bo postavljen interaktivni element.
  • Ustvarite funkcijo za izvajanje kode. Dodajte povezave do slik, ki se bodo premikale v drsniku.
  • Pojdite na uradno stran knjižnice jQuery in jo prenesite v računalnik. Če ga povežete prek povezave, se lahko na neki točki preneha uporabljati, zato je uporaba prenesenega skripta bolj zanesljiva.
  • Povlecite nastalo datoteko v mapo projekta.
  • Zdaj morate povezati jQuery - to je mogoče storiti na podoben način kot povezovanje CSS stilov. V glavno oznako dodajte skript in napišite njegov naslov. Izgleda takole:

    sestava vtičnikov jQuery

    Vsi namigi o nadaljnjih ukrepih so na voljo na uradni spletni strani knjižnice. Nahajajo se v meniju desno od različice vtičnika s seznamom zgodb. Z izbiro demo elementa se lahko naučite, kako deluje vtičnik in katere funkcije. Postavka dokumentacije opisuje sestavo arhiva in njegove ključne značilnosti. Tukaj je koda za povezovanje vtičnika. V samem arhivu obstajata dve datoteki z različnimi razširitvami. Eden od njih bo imel CSS podaljšek - datoteko s slogi, druga pa skriptno kodo JS.

    Kako povezati vtičnik s HTML kodo

    Da bi povezali vtičnik jQuery s kodo strani, morate v oznaki povezave predpisati poti do vseh datotek iz arhiva v računalniku. Najprej dodamo datoteko HTML z razširitvijo CSS in se povežemo natanko tako, kot je stila datoteka :. Ta povezava se nahaja v oznaki glave takoj za skriptom s povezavo do knjižnice.Nato priložimo datoteko bat. To je skript in ga lahko dodate na enak način kot datoteko s knjižnico. Skupaj povežemo tri datoteke: knjižnico jQuery, sloge in skript.
    Naslednji korak je zagon ali inicializacija vtičnika. Na strani dokumentacije bo na voljo več različic kode za različne namene. Izberite tisto, ki jo želite, jo kopirajte in prilepite v HTML kot skript v oznaki glave. V ta namen preprosto prekopirajte napisano kodo v oznako skripta. Zdaj bomo razumeli skladnjo vtičnika jQuery. Prvi korak kopirane kode bo ime razreda nadrejenega bloka, ki ga želite dodati projektu HTML. Nasvet o tem, kje ga postavite na stran z dokumentacijo. V primeru drsnika se zahtevan razred doda bloku s povezavami na sliko.

    Značilnosti poteka skripta

    Pred zagonom vtičnika knjižnica jQuery preveri pripravljenost spletnega mesta in šele nato zažene skript. Zato je treba opozoriti, da je stran pripravljena za delo in da so vsi potrebni elementi vzpostavljeni. V ta namen uporabimo končno kodo na strani z dokumentacijo, ki vsebuje pogoj za zagon. Zdaj preverite učinkovitost vtičnika na spletnem mestu. Če je vse narejeno pravilno in v kodi ni napak, bo skript pravilno deloval in na strani se bo pojavil drsnik s slikami. Zdaj je postalo očitno, da je povezovanje JQuery veliko hitrejše in lažje kot ustvarjanje JS kode iz nič. Delo s to knjižnico pomaga prihraniti čas za stranko in izvajalca, hitro pobere pripravljeno rešitev in jo preizkusi v praksi. Zatoštevilni programerji in vodje se obračajo k knjižnici že pripravljenih rešitev za optimizacijo in pospešitev njihovega dela.
  • Sorodne publikacije