Esplorazione jQuery

Cos'è la traversata?

jQuery traversa, che significa 'muoversi', si utilizza per 'trovare' (o selezionare) elementi HTML in base alla loro relazione rispetto ad altri elementi. Partendo da una scelta, si muove lungo questa scelta fino a raggiungere l'elemento desiderato.

L'immagine seguente mostra un albero genealogico. Attraverso l'interrogazione jQuery, è possibile muoversi facilmente nell'albero genealogico partendo dall'elemento selezionato (corrente), muovendosi verso l'alto (antenati), verso il basso (discendenti) e lateralmente (coetanei). Questo tipo di movimento si chiama traversata del DOM.

Spiegazione grafica:

Eseguire la scansione dell'albero DOM
  • L'elemento <div> è genitore dell'<ul>, contemporaneamente antenato di tutto il contenuto.
  • L'elemento <ul> è genitore dell'elemento <li>, contemporaneamente figlio del <div>.
  • L'elemento <li> di sinistra è genitore del <span>, figlio di <ul>, contemporaneamente discendente del <div>.
  • L'elemento <span> è figlio dell'<li>, contemporaneamente discendente di <ul> e <div>.
  • I due elementi <li> sono coetanei (hanno lo stesso genitore).
  • L'elemento <li> di destra è genitore dell'<b>, figlio di <ul>, contemporaneamente discendente del <div>.
  • L'elemento <b> è figlio dell'<li> di destra, contemporaneamente discendente di <ul> e <div>.

Suggerimento:Gli antenati sono il padre, il nonno, il bisnonno, ecc. I discendenti sono il figlio, il nipote, il pronipote, ecc. I coetanei condividono lo stesso padre.

Interrogazione DOM

jQuery fornisce vari metodi per interrogare il DOM.

La categoria più vasta dei metodi di interrogazione è la traversata dell'albero (tree-traversal).

Il capitolo successivo spiegherà come muoversi in alto, in basso e al livello uguale nel albero DOM.

Manuale di riferimento per l'interrogazione jQuery

Per conoscere tutti i metodi di interrogazione jQuery, visitare il nostro Manuale di riferimento per l'interrogazione jQuery.