Che cosa sta attraversando?
jQuery traslazione, che significa "muoversi attraverso", sono usati per "trovare" (o selezionare) elementi HTML in base alla loro relazione con altri elementi. Inizia con una selezione e passare attraverso la selezione fino a raggiungere gli elementi che desiderate.
L'immagine sotto mostra un albero genealogico. Con jQuery traslazione, si può facilmente spostarsi verso l'alto (antenati), giù (discendenti) e lateralmente (fratelli) nell'albero genealogico, a partire dall'elemento selezionato (corrente). Questo movimento si chiama traslazione - o si muove attraverso - il DOM.
Illustrazione spiegato:
- Il <div> elemento è la madre di <ul> , e un antenato di tutto dentro di esso
- Il <ul> elemento è la madre di entrambi i <li> elementi, e un bambino di <div>
- La sinistra <li> elemento è la madre di <span> , figlio di <ul> e discendente di <div>
- Il <span> elemento è un figlio della sinistra <li> e discendente di <ul> e <div>
- I due <li> elementi sono fratelli (condividono lo stesso genitore)
- Il diritto <li> elemento è la madre di <b> , figlio di <ul> e discendente di <div>
- Il <b> elemento è un figlio della destra <li> e discendente di <ul> e <div>
Un antenato è un genitore, nonno, bisnonno, e così via.
Un discendente è un bambino, nipote, pronipote, e così via.
I fratelli condividono lo stesso genitore.
Attraversamento del DOM
jQuery fornisce una varietà di metodi che ci permette di attraversare il DOM.
Il più grande categoria di metodi di attraversamento sono alberi attraversamento.
I prossimi capitoli ci mostreranno come viaggiare alto, in basso e lateralmente nella struttura DOM.
jQuery di movimento di riferimento
Per una panoramica completa di tutti i metodi di jQuery a movimento laterale, si prega di visitare il nostro jQuery traslazione di riferimento .