Lo que está atravesando?
jQuery de desplazamiento, lo que significa "moverse a través de", se utiliza para "encontrar" (o seleccionar) elementos HTML en función de su relación con otros elementos. Comience con una selección y pasar a través de esa selección hasta llegar a los elementos que desea.
La imagen siguiente muestra un árbol de familia. Con jQuery de desplazamiento, puede moverse fácilmente hacia arriba (antepasados), abajo (descendientes) y lateral (hermanos) en el árbol familiar, a partir del elemento seleccionado (actual). Este movimiento se llama desplazamiento - o moviéndose a través de - el DOM.
Ilustración explicó:
- La <div> elemento es el padre de <ul> , y un antepasado de todo dentro de ella
- La <ul> elemento es el padre de ambos <li> elementos, y un niño de <div>
- La izquierda <li> elemento es el padre de <span> , hijo de <ul> y descendiente de <div>
- La <span> elemento es un hijo de la izquierda <li> y descendiente de <ul> y <div>
- Los dos <li> elementos son hermanos (comparten el mismo padre)
- El derecho <li> elemento es el padre de <b> , hijo de <ul> y descendiente de <div>
- La <b> elemento es un hijo de la derecha <li> y descendiente de <ul> y <div>
Un antepasado es un padre, abuelo, bisabuelo, y así sucesivamente.
Un descendiente es un niño, nieto, bisnieto, y así sucesivamente.
Hermanos comparten el mismo padre.
Atravesando el DOM
jQuery proporciona una variedad de métodos que nos permite atravesar el DOM.
La categoría más importante de los métodos de recorrido son árboles de recorrido.
Los próximos capítulos nos mostrarán cómo viajar hacia arriba, abajo y hacia los lados en el árbol DOM.
jQuery desplazamiento de referencia
Para una visión completa de todos los métodos de jQuery que atraviesan, por favor vaya a nuestra jQuery desplazamiento de referencia .