CONTATTACI

Guide per aspiranti programmatori

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

Metodi di Traversing in jQuery

Cos’è il traversing in jQuery?

Il traversing è un concetto fondamentale nella programmazione jQuery, che permette agli sviluppatori di navigare e manipolare il Document Object Model (DOM) in modo efficiente. 

In jQuery, il traversing si riferisce al processo di “attraversare” o navigare attraverso il DOM per trovare, selezionare, e manipolare gli elementi HTML. Questo include azioni come trovare il genitore di un elemento, selezionare tutti i suoi figli, o cercare elementi adiacenti. 

Il traversing è essenziale per lavorare con il DOM in modo dinamico e reattivo. Vediamo insieme, nel capitolo successivo, quali sono i diversi metodi di traversing in jQuery.

 

Metodi di Traversing in jQuery

jQuery fornisce diversi metodi per eseguire il traversing del DOM. Questi metodi possono essere suddivisi in diverse categorie in base alla loro funzione.

 

1. Selezione di elementi specifici 

  • `.parent()`: Seleziona il genitore diretto di un elemento.
  • `.children()`: Trova tutti i figli diretti di un elemento.
  • `.find(selector)`: Cerca tutti i discendenti di un elemento che corrispondono a un selettore specificato.
  • `.siblings()`: Seleziona tutti i fratelli di un elemento.

 

2. Filtraggio di element in jQuery

  • `.first()`, `.last()`: Selezionano rispettivamente il primo o l’ultimo elemento di un insieme.
  • `.eq(index)`: Seleziona l’elemento in una posizione specifica dell’insieme.
  • `.filter(selector)`: Riduce l’insieme degli elementi selezionati a quelli che corrispondono al selettore.

 

3. Navigazione nel DOM in jQuery 

  • `.next()`, `.prev()`: Selezionano rispettivamente l’elemento successivo o precedente.
  • `.closest(selector)`: Trova l’antenato più vicino che corrisponde al selettore specificato.
  • `.parentsUntil(selector, filter)`: Seleziona tutti i genitori di un elemento fino a un elemento dato, opzionalmente filtrato da un selettore.

 

Come utilizzare i metodi di traversing in jQuery: esempi pratici

Supponiamo di avere il seguente codice HTML:

<div class="container">
    <ul>
        <li class="item">Item 1</li>
        <li class="item">Item 2
            <ul>
                <li class="subitem">Subitem 1</li>
                <li class="subitem">Subitem 2</li>
            </ul>
        </li>
        <li class="item">Item 3</li>
    </ul>
</div>

Ecco alcuni esempi di come utilizzare i metodi di traversing in jQuery con questo HTML:

$(document).ready(function() {
    // Trovare il genitore di un elemento
    $(".subitem").parent().css("border", "1px solid red"); // Ulteriormente ul

    // Selezionare tutti i fratelli di un elemento
    $(".item").siblings().css("background-color", "yellow");

    // Trovare tutti i discendenti che corrispondono a un selettore
    $(".container").find(".subitem").css("font-weight", "bold");

    // Selezionare il primo elemento di un insieme
    $(".item").first().css("text-decoration", "underline");
});

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.