Kako brzo spojiti jQuery

8. 4. 2019.

JQuery je biblioteka gotovih rješenja u JavaScript jeziku, što olakšava dodavanje interaktivnosti na stranicu. Sastoji se od skupa funkcija koje pojednostavljuju proces pisanja koda. Izrada web stranica pomoću jQuery-a pojednostavljena je činjenicom da se CSS koristi za odabir elemenata u ovoj knjižnici. Programeri upoznati s CSS-om, puno je prikladnije za rad s gotovim funkcijama, umjesto pisanja složenog JS-koda.

JQuery pogodnosti

Mnoga su rješenja već stvorena, tako da nema smisla da dizajneri troše vrijeme na pisanje koda od nule. U procesu rada na projektu često se javljaju situacije kada je potrebno odmah na web-lokaciju dodati neku funkcionalnost koju je netko drugi već razvio. Rijetki kupac će cijeniti kod za klizač, napisao 10 sati u čistom JavaScriptu, ako je puno brže povezati jQuery ili dodati okvir - dio već napisanog koda, i dobiti zgodan interaktivni element u nekoliko minuta. Nakon toga, samo stavite gotov klizač na odabrane stavke. Dakle, programer štedi vrijeme kupca i svoje, bez trošenja na "stvaranje bicikla."

kako spojiti jquery u html

Kako spojiti jQuer knjižnicu?

Uz pomoć knjižnice, galerija i slajdova se stvaraju, možete dodati različite efekte na stranicu i raditi s AJAX (asinkroni zahtjevi na poslužitelj). JQuery podržava cross-browser kompatibilnost, olakšava rad s događajima i lako se povezuje.

Pogledajmo kako omogućiti jQuery u HTML-u pomoću primjera klizača. Da biste to učinili, slijedite pet jednostavnih koraka:

  1. Otvorite HTML kôd stranice na kojoj će se postaviti interaktivni element.
  2. Kreirajte funkcionalnost za implementaciju koda. Dodajte veze na slike koje će se pomicati u klizaču.
  3. Idite na službenu web-stranicu jQuery knjižnice i preuzmite je na svoje računalo. Ako ga povežete putem veze, u nekom trenutku može prestati raditi, jer je korištenje preuzete skripte pouzdanije.
  4. Povucite rezultirajuću datoteku u mapu projekta.
  5. Sada trebate spojiti jQuery - to možete učiniti na način sličan povezivanju CSS stilova. Dodajte skriptu u oznaku glave i upišite njezinu adresu. Izgleda ovako: