⬅ Povratak na početnu

jQuery

Što je jQuery?

jQuery je popularna JavaScript biblioteka koja olakšava rad s HTML elementima, događajima i animacijama. Osnovna sintaksa je:

$( selektor ).metoda();

Umjesto dugog document.getElementById("id"), s jQuery-em pišeš samo $("#id").

1. Metoda .css()

Metoda .css() čita ili mijenja CSS stil nekog elementa.

// Postavi jednu vrijednost
$("#box").css("background-color", "red");

// Postavi više vrijednosti odjednom
$("#box").css({
  "background-color": "orange",
  "font-size": "20px"
});

Demo – .css()

Ovaj element mijenja stil!

2. Metode .hide() i .show()

.hide() skriva element (postavlja display: none), a .show() ga prikazuje natrag. Obje prihvaćaju brzinu animacije u milisekundama.

$("#panel").hide(400);   // sakrij s animacijom
$("#panel").show(400);   // prikaži s animacijom
$("#panel").toggle(400); // izmjenično prikazuj/sakrij

Demo – .hide() / .show()

Ovaj element se skriva i prikazuje!