Sono dei metodi che consentono di scorrere il DOM.
Traversing, vuol dire "muoversi attraverso", tramite questi metodi possiamo individuare degli elementi sulla base delle relazioni che hanno con altri elementi.
Immaginiamo il DOM come un albero genealogico, in cui le relazioni tra gli elementi possono essere rappresentate come “parentele” tra un elemento ed un altro.
Vediamo alcuni termini che saranno utilizzati in questa sezione della guida.
Sono gli “antenati” di un elemento, ovvero elementi padre, nonni etc...
Esempi di funzioni che permettono di trovare gli antenati sono
Sono i “discendenti” di un elemento, ovvero figli, nipoti etc...
Il metodo childrens() ad esempio restituisce tutti i figli diretti dell'elemento selezionato .
Sono tutti gli elementi di pari livello, ovvero che condividono lo stesso elemento padre.
Esempi di funzioni sono:
| Metodo | descrizione |
|---|---|
| add() | Aggiunge elementi ad un set di elementi |
| children() | Restituisce i figli di un elemento |
| closest() | Restituisce il primo antenato dell'elemento selezionato |
| contents() | Restituisce tutti i figli diretti dell'elemento selezionato |
| each() | Esegue una funzione per ogni elemento |
| eq() | Restituisce un elemento con un determinato indice in una lista di elementi |
| filter() | Riduce l’insieme degli elementi a quelli che corrispondono al selettore o passano un test |
| find() | Restituisce gli elementi discendenti dell'elemento selezionato |
| first() | Restituisce il primo degli elementi selezionati |
| has() | Restituisce tutti gli elementi con uno o più elementi all'interno |
| is() | Controlla che un set di elementi combaci con degli oggetti |
| last() | Restituisce l’ultimo elemento di un set |
| next() | Restituisce l'elemento di pari livello subito dopo quello selezionato |
| nextAll() | Restituisce tutti gli elementi di pari livello a quello selezionato |
| nextUntil() | Restituisce tutti gli elementi di pari livello all’interno di due argomenti |
| not() | Rimuove elementi da un set |
| offsetParent() | Restituisce genitore in prima posizione |
| parent() | Restituisce genitore dell'elemento selezionato |
| parents() | Restituisce tutti gli elementi antenati dell'elemento selezionato |
| parentsUntil() | Restituisce tutti gli elementi antenati tra due argomenti |
| prev() | Restituisce elemento precedente di pari livello dell'elemento selezionato |
| prevAll() | Restituisce tutti gli elementi precedenti di pari livello dell'elemento selezionato |
| prevUntil() | Restituisce tutti gli elementi precedenti di pari livello dell'elemento selezionato tra due argomenti |
| siblings() | Restituisce tutti gli elementi di pari livello dell'elemento selezionato |
| slice() | Riduce l'insieme di elementi ad un sottoinsieme specificato da una serie di indici |
HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.
CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.
jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.