English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
jQuery nos permite navegar por el árbol DOM utilizando relaciones de nodos.
jQuery ofrece varios métodos de recorrido del DOM para seleccionar aleatoriamente elementos en el documento y métodos de ordenamiento.
El recorrido del DOM básicamente significa moverse alrededor del DOM que compone la página web. Al recorrer el DOM, puede subir el árbol del documento a cualquier elemento necesario. También puede desplazarse hacia abajo en la jerarquía hasta el nodo hijo dado o hasta el nodo同级. Esto le permite navegar por la página HTML para encontrar la ubicación exacta donde necesita recopilar algunos datos o realizar cambios.
La siguiente imagen muestra una página HTML como un árbol (árbol DOM). Al usar jQuery para recorrer, puede moverse fácilmente en el árbol desde el elemento seleccionado hacia arriba ( ancestro), hacia abajo ( descendiente) y lateralmente (同级). Este movimiento se llama recorrido del árbol DOM-o navegar.-o moverse.
Como se puede ver en la imagen superior:
<html> es el elemento padre de <head> y <body>, es el elemento de todos losAntepasados
<head> es el elemento padre de <title>, es un elemento hijo de <html>
<body> es un elemento hijo de <h1es el elemento padre de > y <a>, es un elemento hijo de <html>
<title> es un elemento hijo de <head>, es un descendiente de <html>
<h1> es un elemento hijo de <body>, es un descendiente de <html>
<a> es un elemento hijo de <body>, es un descendiente de <html>
Estos <h1de > y <a>Elementos hermanos del nivel superiorque tienen el mismo elemento padre), son descendientes de <html> y <body>.
Los antepasados son padres, abuelos, bisabuelos, etc.
Los descendientes son hijos, nietos, bisnietos, etc.
Los elementos hermanos son aquellos que comparten el mismo elemento padre.
jQuery proporciona varios métodos para permitirnos buscar en el DOM.
El próximo capítulo le mostrará cómo moverse hacia arriba y hacia abajo en el árbol DOM.
Para obtener una referencia completa de los métodos de búsqueda, visite nuestraReferencia de búsqueda de jQuery.