JQUERY

popularna JavaScript biblioteka za rad s DOM-om

Što radi jquery?

jQuery je brza, mala i bogata JavaScript biblioteka koja pojednostavljuje manipulaciju HTML dokumentima, upravljanje događajima, animacijama i AJAX-om.

Osnovna sintaksa je: $(selektor).akcija()

Cilj u povijesti i danas

jQuery je nastao 2006. godine, a autor mu je John Resig. Cilj je bio omogućiti jednostavnije pisanje JavaScript koda uz manje problema s kompatibilnošću preglednika.

Danas moderni JavaScript (ES6+) nudi slične funkcionalnosti, ali jQuery se i dalje koristi u mnogim postojećim projektima.

Dobre strane jQuerya

Vrste selektora

$("p")

Elementni selektor – odabire sve elemente određenog HTML taga.

$("#id")

ID selektor – odabire element s određenim id atributom.

$(".klasa")

Class selektor – odabire sve elemente s određenom CSS klasom.

$("*")

Univerzalni selektor – odabire sve elemente na stranici.

$("div p")

Descendant selektor – odabire sve <p> unutar <div> elemenata.

$("li:first")

:first – odabire prvi element iz grupe.

$("li:last")

:last – odabire posljednji element iz grupe.

$("li:odd") / $("li:even")

:odd / :even – odabire neparne ili parne elemente (indeks od 0).

$("li:eq(2)")

:eq(n) – odabire element s točno zadanim indeksom.

$("[href]")

Atributni selektor – odabire elemente koji imaju određeni atribut.

Kontrole – .hide() / .show() / .css()

Kliknite gumbe da biste primijenili jQuery metode na zeleni okvir ispod:

Ovaj okvir reagira na jQuery metode .hide(), .show() i .css()