English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
jQuery nos permite navegar pelo DOM usando relações de nós.
jQuery oferece várias métodos de navegação DOM para escolher aleatoriamente elementos no documento e métodos de ordem.
A navegação DOM básica significa mover ao redor do DOM que compõe a página da web. Ao percorrer o DOM, você pode mover o documento para qualquer elemento necessário. Você também pode mover a hierarquia para o nó filho especificado ou para os nós equivalentes. Isso permite navegar na página HTML para encontrar a posição exata onde coletar alguns dados ou fazer alterações.
A figura abaixo mostra uma página HTML como uma árvore (DOM). Usando jQuery para percorrer, você pode mover facilmente na árvore, começando do elemento selecionado, para cima (ancestros), para baixo (descendentes) e lateralmente (próximos). Este movimento é chamado de percurso na árvore DOM-ou navegar.-ou mover.
Da imagem acima podemos ver:
<html> é pai de <head> e <body>, é pai de todos os elementosAncestrais
<head> é pai de <title>, é filho de <html>.
<body> é filho de <h1> e <a> são elementos pais, são filhos de <html>.
<title> é filho de <head>, é descendente de <html>.
<h1> é filho de <body>, é descendente de <html>.
<a> é filho de <body>, é descendente de <html>.
esses <h1de > e <a>Elementos irmãos de nível igual（Eles têm o mesmo pai），são descendentes de <html> e <body>.
Ancestrais são pais, avós, bisavós e assim por diante.
Descendentes são filhos, netos, bisnetos e assim por diante.
Elementos irmãos são aqueles que compartilham o mesmo pai.
O jQuery oferece várias maneiras de permitir que navegemos pelo DOM.
O próximo capítulo mostrará como mover para cima e para baixo na árvore DOM.
Para referência completa dos métodos de navegação, acesse nossoReferência de Navegação do jQuery.