CONTATTACI

Guide per aspiranti programmatori

coppia di developer in miniatura che posizionano elementi su uno schermo
Lezione 5 / 36

Struttura di base di uno script jQuery

jQuery, come abbiamo detto, è una potente libreria del linguaggio JavaScript utilizzata per semplificare e migliorare l’interattività e la manipolazione degli elementi HTML nelle pagine web. Comprendere la struttura di base di uno script jQuery è fondamentale per chiunque desideri iniziare a lavorare con questa libreria. In questo articolo, esamineremo gli elementi chiave che compongono uno script jQuery tipico.

Come includere jQuery nel nostro progetto

Per includere jQuery nel nostro progetto, facciamo esattamente come in precedenza:

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

 La sintassi di base di jQuery

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

$(selettore).azione()
  • Selettore: identifica gli elementi HTML su cui si desidera operare. Può essere una classe, un ID, un tag HTML, o più complesse espressioni CSS.
  • Azione: rappresenta ciò che si desidera fare con gli elementi selezionati, come cambiarne lo stile, ascoltare un evento, animarli, ecc.

Il Document Ready Event in jQuery

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

Manipolazione del DOM in jQuery

La manipolazione del DOM è una delle cose per cui viene maggiormente utilizzato jQuery. Questa include cambiare, aggiungere o rimuovere elementi e modificare stili. Vediamo un esempio:

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

Event Handling in jQuery

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

Animazioni ed effetti in jQuery

jQuery semplifica anche l’aggiunta di animazioni e effetti (come fade in, fade out, slide, ecc)  Queste funzioni possono essere utilizzate per migliorare l’interfaccia utente.  Ad esempio:

$(document).ready(function() {
    $("#idElemento").fadeIn();
});

La chiave sta nel saper combinare selettori, azioni, e eventi per creare esperienze utente coinvolgenti e funzionali.

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 210 €/mese.

Esempio di finanziamento  

Importo finanziato: € 4500 in 24 rate da € 210,03 – TAN fisso 9,68% TAEG 11,97% – importo totale del credito € 5146,55.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.