Učenje jQuery-a

Jednostavni primjeri rada s elementima i animacijama.

Što radi jQuery?

jQuery je JavaScript biblioteka koja omogućuje lakše upravljanje HTML elementima, promjenu stilova i dodavanje efekata bez puno kompliciranog koda.

Umjesto dugog JavaScript zapisa:

document.getElementById("naslov")

u jQuery-u koristiš kraći zapis:

$("#naslov")

Promjena izgleda pomoću .css()

Metoda .css() služi za mijenjanje CSS svojstava elemenata.

$("#box").css("color", "white");

$("#box").css({
  "background-color": "purple",
  "font-size": "22px"
});
Klikni gumb za promjenu izgleda!

Sakrivanje i prikaz elemenata

jQuery metode .hide() i .show() koriste se za skrivanje i prikaz sadržaja.

$("#info").hide(500);

$("#info").show(500);

$("#info").toggle(500);
Ovaj sadržaj može nestati i ponovno se pojaviti.