jQuery Traversée

Qu'est-ce que la traversée ?

La traversée jQuery, qui signifie « se déplacer », est utilisée pour « trouver » (ou sélectionner) des éléments HTML en fonction de leur relation avec d'autres éléments. Commencez par une sélection et parcourez cette sélection jusqu'à atteindre l'élément souhaité.

Le diagramme ci-dessous montre un arbre généalogique. Avec la traversée jQuery, vous pouvez facilement vous déplacer vers le haut (ancêtres), vers le bas (descendants) et latéralement (frères et sœurs) dans l'arbre généalogique, en partant de l'élément sélectionné (actuel). Ce déplacement est appelé traversée du DOM.

Explication du diagramme :

• L'élément <div> est le parent de <ul> et un ancêtre de tout son contenu.
• L'élément <ul> est le parent des éléments <li> et un enfant de <div>.
• L'élément <li> de gauche est le parent de <span>, un enfant de <ul> et un descendant de <div>.
• L'élément <span> est un enfant de <li> et un descendant de <ul> et <div>.
• Les deux éléments <li> sont frères et sœurs (ils partagent le même parent).
• L'élément <li> de droite est le parent de <b>, un enfant de <ul> et un descendant de <div>.
• L'élément <b> est un enfant du <li> de droite et un descendant de <ul> et <div>.

	Un ancêtre est un parent, grand-parent, arrière-grand-parent, etc. Un descendant est un enfant, petit-enfant, arrière-petit-enfant, etc. Les frères et sœurs partagent le même parent.

Parcours du DOM

jQuery fournit diverses méthodes pour parcourir le DOM.

La plus grande catégorie de méthodes de parcours est le parcours d'arbre.

Le chapitre suivant expliquera comment se déplacer vers le haut, vers le bas et latéralement dans l'arbre DOM.