Elementi di Base

Il contenuto di questa pagina è preso da: Aulab

Pagina princiapale di Javascript

La sintassi di base di jQuery è costruita intorno a $ che è un alias per jQuery. Questo simbolo funge da punto di partenza per quasi tutte le operazioni jQuery. La sintassi generale è:

$(selettore).metodo()

• Selettore: identifica gli elementi HTML su cui si desidera operare. E' un slettore CSS, come quello che si usa in querySelector() o querySelectorALl().
• metodo: azioni che vogliamo compiere sugli elementi selezionati, es:cambiare lo stile, gestire un evento, ecc.

Uno degli aspetti più importanti di jQuery è garantire che il codice venga eseguito solo dopo che il DOM (Document Object Model) è stato completamente caricato. Questo è possibile grazie all’evento `$(document).ready()`. Ad esempio:

$(document).ready(function() {
    // Il tuo codice jQuery va qui
});

In jQuery, è anche comune utilizzare la forma abbreviata:

$(function() {
    // Il tuo codice jQuery
}); 

La manipolazione del DOM è una dei princiapli utilizzi di Javascript, jQuery semplifica molto queste operazioni con dei metodi dedicati.

 
$(document).ready(function() {
    $("#idElemento").text("Testo cambiato!");
    $(".classeElemento").css("color", "blue");
});

Gestire eventi come click, hover, o keypress è molto più semplice con jQuery. Vediamo un esempio di un gestore di eventi click:

$(document).ready(function() {
    $("button").click(function() {
        alert("Bottone cliccato!");
    });
});