CONTATTACI

Guide per aspiranti programmatori

Sviluppatore dall'aria dubbiosa che si interroga su che cos'è jquery
Lezione 19 / 36

Introduzione alla manipolazione CSS con jQuery

La manipolazione del CSS è una parte fondamentale dello sviluppo front-end, e jQuery offre una serie di strumenti potenti per gestire lo stile degli elementi HTML. Questo articolo fornisce una panoramica di come jQuery può essere utilizzato per manipolare il CSS, permettendo agli sviluppatori di creare interfacce utente dinamiche e reattive con maggiore facilità.

Metodi di Base per la Manipolazione CSS con jQuery

  1. Cambiare Stili: `.css()`: Uno dei più potenti e utilizzati in jQuery per la manipolazione del CSS. Esso può essere utilizzato in due modi principali:
    1. Impostare lo Stile: Per cambiare lo stile di un elemento, si passa una coppia chiave-valore.

        $("#elemento").css("color", "blue");

      Questo cambierà il colore del testo dell’elemento con l’ID `elemento` in blu.

    2. Ottenere lo Stile: Per ottenere il valore di una proprietà CSS di un elemento, si passa solo il nome della proprietà.

        let colore = $("#elemento").css("color");

        Questo restituirà il colore del testo dell’elemento specificato.

  2.  Aggiungere e Rimuovere Classi: `.addClass()`, `.removeClass()`, `.toggleClass()`
    jQuery offre anche metodi per aggiungere, rimuovere o alternare classi CSS di un elemento:

    1. `.addClass()`: Aggiunge una o più classi a un elemento.

        $("#elemento").addClass("nuova-classe");
    2. `.removeClass()`: Rimuove una o più classi da un elemento.

        $("#elemento").removeClass("vecchia-classe");
    3. `.toggleClass()`: Aggiunge la classe se l’elemento non la possiede, la rimuove se l’elemento la possiede già.

        $("#elemento").toggleClass("toggle-classe");
  3.  Dimensioni e Posizionamento: `.height()`, `.width()`, `.position()`
    jQuery consente anche di manipolare le dimensioni e il posizionamento degli elementi.

    1. `.height()` e `.width()`: Impostano o ritornano l’altezza e la larghezza di un elemento.
    2. `.position()`: Restituisce la posizione dell’elemento rispetto al suo elemento padre.

Supponiamo di avere un semplice documento HTML:

<div id="elemento" class="vecchia-classe">Contenuto</div>

Cambiare Stili con `.css()`

// Cambiare il colore
$("#elemento").css("color", "red");

// Ottenere il colore
let colore = $("#elemento").css("color");

Aggiungere e Rimuovere Classi

// Aggiungere una classe
$("#elemento").addClass("nuova-classe");

// Rimuovere una classe
$("#elemento").removeClass("vecchia-classe");

// Alternare una classe
$("#elemento").toggleClass("toggle-classe");

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.