CONTATTACI

Guide per aspiranti programmatori

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

Lavorare con gli attributi degli elementi in jQuery

Lavorare con gli attributi degli elementi HTML è una componente essenziale nello sviluppo web. JQuery semplifica questa attività fornendo metodi potenti e flessibili per gestire gli attributi degli elementi del DOM.

 

Cos’è un attributo in HTML?

Un attributo in HTML fornisce informazioni aggiuntive su un elemento, come l’identificativo (`id`), le classi (`class`), lo stile (`style`), e altri dati specifici (ad esempio, `href` per i link o `src` per le immagini). La manipolazione di questi attributi è fondamentale per il controllo dinamico del comportamento e dell’aspetto degli elementi nella pagina.

 

Metodi jQuery per la gestione degli attributi

1. Ottenere e impostare attributi: jQuery `.attr()`

  • Ottenere un attributo: per ottenere il valore di un attributo, si utilizza `.attr()` con un solo parametro, il nome dell’attributo.
  • Impostare un attributo: per impostare un valore, si fornisce un secondo parametro a `.attr()`.
let linkUrl = $("a").attr("href"); // Ottiene l'attributo href
$("a").attr("href", "https://aulab.it/"); // Imposta un nuovo href

2. Rimuovere Attributi: jQuery `.removeAttr()`

Questo metodo viene utilizzato per rimuovere completamente un attributo da un elemento.

$("a").removeAttr("title"); // Rimuove l'attributo title da tutti i link

3. Gestione delle Classi: jQuery `.addClass()`, jQuery `.removeClass()`, jQuery `.toggleClass()`

Questi metodi sono utilizzati per manipolare le classi degli elementi.

  $("#myElement").addClass("active"); // Aggiunge una classe
  $("#myElement").removeClass("inactive"); // Rimuove una classe
  $("#myElement").toggleClass("highlight"); // Alterna la presenza di una classe

4. Lavorare con attributi personalizzati: jQuery `data-*`

Gli attributi `data-*` consentono di immagazzinare informazioni aggiuntive sugli elementi senza interferire con la presentazione o la semantica.

let info = $("#myElement").data("info"); // Ottiene dati da un attributo data-info
$("#myElement").data("info", "nuovo valore"); // Imposta un nuovo valore

Come manipolare gli attributi degli elementi in jQuery: esempi pratici

Vediamo ora alcuni esempi pratici di come manipolare gli attributi degli elementi con jQuery.

<a id="link" href="https://aulab.it/" title="Visita Aulab.it">Visita Aulab</a>
<div id="myDiv" class="box" data-info="informazioni aggiuntive"></div>

Codice jQuery

$(document).ready(function() {
    // Cambiare l'URL di un link
    $("#link").attr("href", "https://www.example.com");

    // Rimuovere il titolo dal link
    $("#link").removeAttr("title");

    // Aggiungere una classe al div
    $("#myDiv").addClass("active");

    // Modificare un attributo data-*
    $("#myDiv").data("info", "nuovo dato");
});

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.