Parcourir jQuery
- Page précédente Taille de jQuery
- Page suivante Ancêtre de jQuery
Qu'est-ce que la navigation ?
La navigation jQuery signifie 'déplacement', et est utilisée pour 'trouver' (ou sélectionner) des éléments HTML en fonction de leurs relations par rapport à d'autres éléments. Commencez par une sélection et déplacez-vous le long de cette sélection jusqu'à ce que vous atteigniez l'élément que vous attendez.
L'image suivante montre un arbre familial. Grâce à la navigation jQuery, vous pouvez commencer par l'élément sélectionné (actuel) et vous déplacer facilement dans l'arbre familial, vers le haut (les ancêtres), vers le bas (les descendants), ou de manière horizontale (les frères et sœurs). Ce type de déplacement est appelé navigation dans le DOM.
Explication illustrée :

- L'élément <div> est le parent de <ul>, en même temps que l'ancêtre de tout le contenu.
- L'élément <ul> est le parent de l'élément <li>, en même temps que le sous-élément de <div>.
- L'élément <li> à gauche est le parent de <span>, l'enfant de <ul>, en même temps que le descendant de <div>.
- L'élément <span> est l'enfant de <li>, en même temps que le descendant de <ul> et <div>.
- Les deux éléments <li> sont des frères et sœurs (ils ont le même parent).
- L'élément <li> à droite est le parent de <b>, l'enfant de <ul>, en même temps que le descendant de <div>.
- L'élément <b> est l'enfant de <li> à droite, en même temps que le descendant de <ul> et <div>.
Avis :Les ancêtres sont le père, le grand-père, le grand-oncle, etc. Les descendants sont le fils, le petit-fils, le petit-oncle, etc. Les frères et sœurs ont le même père.
Navigation dans le DOM
jQuery offre plusieurs méthodes pour naviguer dans le DOM.
La plus grande catégorie de méthodes de navigation est la navigation arborescente (tree-traversal).
Le prochain chapitre expliquera comment se déplacer vers le haut, le bas et au niveau équivalent dans l'arbre DOM.
Manuel de référence pour la navigation jQuery
Pour en savoir plus sur toutes les méthodes de navigation jQuery, veuillez visiter notre Manuel de référence pour la navigation jQuery.
- Page précédente Taille de jQuery
- Page suivante Ancêtre de jQuery