Od osnovnog JavaScripta do moćnih web aplikacija. Dobrodošli u svijet brzog kodiranja za moderne preglednike.
jQuery je brza, mala i značajkama bogata JavaScript biblioteka. Njezin glavni cilj je olakšati korištenje JavaScripta na vašoj web stranici.
Ono što bi u čistom JavaScriptu zahtijevalo mnogo linija koda, jQuery sažima u metode koje pozivaš s jednom linijom.
Izuzetno olakšava manipulaciju HTML dokumentom, rukovanje događajima i animacije.
jQuery je promijenio web development. Bio je toliko utjecajan da su njegovi obrasci dizajna postali standardni dio modernog JavaScripta.
Web technology researchSintaksa je dizajnirana tako da pronalazak HTML elemenata i akcije nad njima budu logični, kratki i iznimno čitljivi.
Rješava problem višepreglediničke kompatibilnosti. Kod koji napišeš radit će isto u Chromeu, Firefoxu, Edgeu i Safariju.
Sadrži ugrađene metode za najčešće zadatke poput AJAX poziva i CSS animacija, štedeći ti sate posla.
Svaka jQuery naredba slijedi isti obrazac. Selektor pronalazi element, a akcija se izvodi nad njim.
$
Znak $ je globalni objekt koji definira pristup biblioteci. Kratica je za riječ "jQuery".
(selektor)
Selektor radi identično kao u CSS-u. Upisuješ klasu (.gumb), ID (#naslov) ili tag (p).
.akcija()
Akcija je jQuery metoda koja se izvodi nad odabranim elementom: .hide(), .show(), .css().
najposjećenijih web stranica na svijetu i dalje aktivno koristi jQuery
Selektori određuju koji HTML element odabireš. Sintaksa je identična CSS selektorima.
$("p")
Odabire sve elemente određenog HTML taga na stranici.
$("#id")
Odabire točno jedan element koji ima zadani id atribut.
$(".klasa")
Odabire sve elemente koji imaju određenu CSS klasu.
$("*")
Odabire apsolutno sve elemente na stranici odjednom.
$("div p")
Odabire sve p elemente koji se nalaze unutar div elementa.
$("li:first")
Odabire prvi element iz odabrane grupe elemenata.
$("li:last")
Odabire posljednji element iz odabrane grupe elemenata.
$("li:odd") / $("li:even")
Odabire neparne ili parne elemente. Indeksiranje kreće od nule.
$("li:eq(2)")
Odabire element na točno zadanom indeksu unutar grupe.
$("[href]")
Odabire sve elemente koji posjeduju određeni HTML atribut.
Klikni gumbe i promatraj kako jQuery metode mijenjaju elemente na stranici.
Sakrivanje i prikazivanje elemenata
Ovaj odlomak možeš sakriti klikom na gumb ispod.
Ovaj odlomak možeš sakriti klikom na gumb ispod.
Promjena CSS stilova elementa
jQuery mijenja moj izgled!
Odaberi koji selektor djeluje na stavke liste
Dinamičko dodavanje klasa, mijenjanje teksta, brisanje ili kreiranje novih HTML elemenata u letu.
Jednostavno hvatanje klikova, prijelaza mišem, pritisaka tipki i pomicanja stranice.
Ugrađene metode za pojavljivanje (fadeIn), nestajanje (fadeOut) i klizanje (slideUp/slideDown) elemenata.
Asinkrono učitavanje podataka sa servera i osvježavanje dijelova stranice bez ponovnog učitavanja.