jQuery attraversamento
Che cos'è la traslazione?
jQuery traversing, che significa "spostarsi attraverso", sono usati per "trovare" (o selezionare) elementi HTML in base alla loro relazione con altri elementi. Inizia con una selezione e spostati attraverso quella selezione fino a raggiungere gli elementi che desideri.
L'immagine seguente illustra una pagina HTML come un albero (albero DOM). Con jQuery traversing, puoi facilmente spostarti in alto (antenati), in basso (discendenti) e lateralmente (fratelli) nell'albero, a partire dall'elemento selezionato (attuale). Questo movimento è chiamato attraversamento - o spostamento attraverso - l'albero DOM.
Illustrazione spiegata:
- L'elemento <div> è il genitore di <ul> e un antenato di tutto ciò che contiene
- L'elemento <ul> è il genitore di entrambi gli elementi <li> e un figlio di <div>
- L'elemento <li> sinistro è il genitore di <span>, figlio di <ul> e discendente di <div>
- L'elemento <span> è figlio della sinistra <li> e discendente di <ul> e <div>
- I due elementi <li> sono fratelli (condividono lo stesso genitore)
- L'elemento <li> di destra è il genitore di <b>, figlio di <ul> e discendente di <div>
- L'elemento <b> è figlio di destra <li> e discendente di <ul> e <div>
Un antenato è un genitore, un nonno, un bisnonno e così via.
Un discendente è un figlio, un nipote, un pronipote e così via.
I fratelli condividono lo stesso genitore.
Attraversando il DOM
jQuery fornisce una varietà di metodi che ci consentono di attraversare il DOM.
La categoria più ampia di metodi di attraversamento è quella dell'attraversamento degli alberi.
I prossimi capitoli ci mostreranno come viaggiare su, giù e lateralmente nell'albero DOM.
Riferimento per l'attraversamento di jQuery
Per una panoramica completa di tutti i metodi di jQuery Traversing, vai al nostro jQuery Traversing Reference .