jQuery Travessia
O que é Travessia?
jQuery traversing, que significa "mover-se", são usados para "encontrar" (ou selecionar) elementos HTML com base em sua relação com outros elementos. Comece com uma seleção e percorra essa seleção até chegar aos elementos que deseja.
A imagem abaixo ilustra uma página HTML como uma árvore (árvore DOM). Com a travessia do jQuery, você pode facilmente mover para cima (ancestrais), para baixo (descendentes) e para os lados (irmãos) na árvore, começando pelo elemento selecionado (atual). Esse movimento é chamado de travessia - ou movimentação - da árvore DOM.
Ilustração explicada:
- O elemento <div> é o pai de <ul> e um ancestral de tudo dentro dele
- O elemento <ul> é o pai de ambos os elementos <li> e um filho de <div>
- O elemento <li> esquerdo é pai de <span>, filho de <ul> e descendente de <div>
- O elemento <span> é filho do <li> esquerdo e descendente de <ul> e <div>
- Os dois elementos <li> são irmãos (eles compartilham o mesmo pai)
- O elemento <li> da direita é pai de <b>, filho de <ul> e descendente de <div>
- O elemento <b> é filho do <li> direito e descendente de <ul> e <div>
Um ancestral é um pai, avô, bisavô e assim por diante.
Um descendente é um filho, neto, bisneto e assim por diante.
Irmãos compartilham o mesmo pai.
Percorrendo o DOM
jQuery fornece uma variedade de métodos que nos permitem percorrer o DOM.
A maior categoria de métodos de travessia é a travessia em árvore.
Os próximos capítulos nos mostrarão como viajar para cima, para baixo e para os lados na árvore DOM.
Referência de travessia do jQuery
Para uma visão geral completa de todos os métodos de travessia do jQuery, acesse nossa Referência de travessia do jQuery .