English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
jQuery nous permet de naviguer dans l'arbre DOM en utilisant les relations de noeuds.
jQuery propose diverses méthodes de parcourir DOM pour sélectionner des éléments aléatoires dans le document et des méthodes d'ordre.
Parcourir DOM signifie généralement se déplacer autour du DOM composant la page web. Lorsque vous parcourez le DOM, vous pouvez monter sur l'arbre du document à tout élément nécessaire. Vous pouvez également descendre dans la hiérarchie jusqu'au noeud enfant donné, ou se déplacer vers les noeuds égaux. Cela vous permet de naviguer dans la page HTML pour trouver l'emplacement exact où vous devez collecter des données ou apporter des modifications.
Le graphique suivant affiche une page HTML sous forme d'arbre (arbre DOM). En utilisant jQuery pour parcourir, vous pouvez facilement vous déplacer dans l'arbre à partir de l'élément sélectionné, vers le haut (ancêtres), vers le bas (descendants) et latéralement (égaux). Ce déplacement est appelé parcourir l'arbre DOM-ou naviguer.-ou déplacer.
On peut voir à partir de l'image ci-dessus :
<html> est le parent de <head> et <body>, il est le parent de tous les élémentsAncêtres
<head> est l'élément parent de <title>, est un élément fils de <html>.
<body> est un élément fils de <h1> et l'élément parent de <a>, est un élément fils de <html>.
<title> est un élément fils de <head>, est un descendant de <html>.
<h1> est un élément fils de <body>, est un descendant de <html>.
<a> est un élément fils de <body>, est un descendant de <html>.
Ces deux <h1et <a> deÉléments frères de niveauIls ont un élément parent commun), sont descendants de <html> et <body>.
Les ancêtres sont les parents, les grands-parents, les arrière-grands-parents, etc.
Les descendants sont les enfants, les petits-enfants, les arrière-petits-enfants, etc.
Les éléments frères sont ceux qui partagent le même élément parent.
jQuery propose plusieurs méthodes pour nous permettre de parcourir le DOM.
Le prochain chapitre vous montrera comment naviguer dans l'arbre DOM.
Pour consulter les méthodes de parcours complète, veuillez visiter notreRéférence de parcours jQuery.