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").
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"
});
.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