Latest web development tutorials

jQuery traversal

Qu'est-ce qu'un déplacement?

jQuery traversal, ce qui signifie «bouger», en fonction de leur relation avec d'autres éléments pour "Rechercher" (ou sélectionnez) éléments HTML. Sélectionnez un élément pour commencer, et le choix de se déplacer le long jusqu'à ce que les éléments que vous attendez d'arriver.

La figure ci-dessous montre un arbre généalogique. Par jQuery traversal, vous pouvez choisir parmi les (courant) élément démarrage, facilement déplacer (ancestrale) dans l'arbre de la famille vers le haut, le mouvement vers le bas (progéniture), mouvement horizontal (compatriotes). Ce mouvement est appelé traversal DOM.

jQuery Dimensions

Analyse de l'icône:

  • <Div> est l'élément <ul> mère, qui est aussi l'ancêtre de tout le contenu.
  • <Ul> élément est l'élément parent de <li> éléments, tandis que l'élément <div> enfant
  • <Li> élément de gauche est le <span> élément parent, <ul> élément enfant, tandis que le <div> progéniture.
  • <Span> élément est l'élément <li> enfant, tandis que le <ul> et <div> progéniture.
  • Deux <li> éléments sont frères et sœurs (le même élément parent).
  • <Li> sur la droite est <b> élément parent, <ul> élément enfant, tandis que le <div> progéniture.
  • <B> est l'élément <li> à droite de l'enfant, tandis que le <ul> et <div> progéniture.

lampe père Ancêtres, grand-père, grand-père et ainsi de suite. Descendant est un enfant, petit-fils, arrière-petits-enfants, et ainsi de suite. Compatriotes ont le même parent.


DOM traversal

jQuery fournit plusieurs méthodes DOM traversal.

méthodes de Traversal des espèces plus grandes est la traversée de l'arbre (tree-traversal).

Le chapitre suivant vous expliquera comment dans l'arborescence DOM, et sous mouvement similaire.