Recorrido de jQuery
¿Qué es Traverse?
jQuery traversing, que significa "moverse", se utiliza para "encontrar" (o seleccionar) elementos HTML en función de su relación con otros elementos. Comience con una selección y muévase a través de esa selección hasta llegar a los elementos que desea.
La siguiente imagen ilustra una página HTML como un árbol (árbol DOM). Con el recorrido de jQuery, puede moverse fácilmente hacia arriba (ancestros), hacia abajo (descendientes) y hacia los lados (hermanos) en el árbol, comenzando desde el elemento seleccionado (actual). Este movimiento se llama atravesar, o moverse a través del árbol DOM.
Ilustración explicada:
- El elemento <div> es el padre de <ul> y un antepasado de todo lo que hay dentro de él.
- El elemento <ul> es el padre de ambos elementos <li> y un hijo de <div>
- El elemento <li> izquierdo es el padre de <span>, hijo de <ul> y descendiente de <div>
- El elemento <span> es un hijo del <li> izquierdo y un descendiente de <ul> y <div>
- Los dos elementos <li> son hermanos (comparten el mismo padre)
- El elemento <li> derecho es el padre de <b>, hijo de <ul> y descendiente de <div>
- El elemento <b> es hijo del derecho <li> y descendiente de <ul> y <div>
Un antepasado es un padre, un abuelo, un bisabuelo, etc.
Un descendiente es un hijo, un nieto, un bisnieto, etc.
Los hermanos comparten el mismo padre.
Atravesando el DOM
jQuery proporciona una variedad de métodos que nos permiten atravesar el DOM.
La categoría más grande de métodos transversales son los árboles transversales.
Los próximos capítulos nos mostrarán cómo viajar hacia arriba, hacia abajo y hacia los lados en el árbol DOM.
Referencia de cruce de jQuery
Para obtener una descripción general completa de todos los métodos de jQuery Traversing, vaya a nuestra Referencia de jQuery Traversing .