Búsqueda de jQuery

¿Qué es el recorrido?

El recorrido de jQuery, que significa 'mover', se utiliza para 'encontrar' (o seleccionar) elementos HTML según su relación con otros elementos. Comienza con una elección y sigue esta elección hasta que reaches el elemento que esperas.

La siguiente imagen muestra un árbol familiar. A través del recorrido de jQuery, puedes comenzar desde el elemento seleccionado (actual) y moverte fácilmente hacia arriba en el árbol familiar (antepasados), hacia abajo (descendientes), y horizontalmente (hermanos). Este movimiento se llama recorrer el DOM.

Explicación gráfica:

Recorrer el árbol DOM
  • El elemento <div> es el elemento padre del <ul>, al mismo tiempo es el antepasado de todo el contenido.
  • El elemento <ul> es el elemento padre del <li>, al mismo tiempo es el hijo del <div>.
  • El elemento <li> de la izquierda es el elemento padre del <span>, el hijo del <ul>, al mismo tiempo es el descendiente del <div>.
  • El elemento <span> es el hijo del <li>, al mismo tiempo es el descendiente de <ul> y <div>.
  • Los dos elementos <li> son hermanos (tienen el mismo elemento padre).
  • El elemento <li> de la derecha es el elemento padre del <b>, el hijo del <ul>, al mismo tiempo es el descendiente del <div>.
  • El elemento <b> es el hijo del <li> de la derecha, al mismo tiempo es el descendiente de <ul> y <div>.

Consejo:El antepasado es el padre, el abuelo, el bisabuelo, etc. Los descendientes son el hijo, el nieto, el bisnieto, etc. Los hermanos tienen el mismo padre.

Recorrer DOM

jQuery ofrece varios métodos para recorrer el DOM.

El tipo más grande de métodos de recorrido es el recorrido de árbol (tree-traversal).

El siguiente capítulo explicará cómo moverse hacia arriba, abajo y al nivel igual en el árbol DOM.

Manual de referencia de jQuery para el recorrido

Para obtener información sobre todos los métodos de recorrido de jQuery, visite nuestra Manual de referencia de jQuery para el recorrido.