jQuery atravessando

O que está atravessando?

jQuery travessia, que significa "mover-se através de", são usadas para "encontrar" (ou selecione) elementos HTML com base em sua relação com outros elementos. Comece com uma seleção e mover-se através de que a seleção até chegar os elementos que você deseja.

A imagem abaixo ilustra uma árvore genealógica. Com jQuery travessia, você pode facilmente mover-se (antepassados), para baixo (descendentes) e os lados (irmãos) na árvore genealógica, a partir do elemento selecionado (atual). Esse movimento é chamado de deslocamento - ou se movendo através de - o DOM.

Ilustração explicou:

O <div> elemento é o pai de <ul> , e um antepassado de tudo dentro dela
O <ul> elemento é o pai de ambos <li> elementos, e um filho de <div>
A esquerda <li> elemento é o pai de <span> , filho de <ul> e descendente de <div>
O <span> elemento é um filho da esquerda <li> e descendente de <ul> e <div>
Os dois <li> elementos são irmãos (eles compartilham o mesmo pai)
O direito <li> elemento é o pai de <b> , filho de <ul> e descendente de <div>
O <b> elemento é um filho da direita <li> e descendente de <ul> e <div>

Um antepassado é um pai, avô, bisavô, e assim por diante.
Um descendente é uma criança, neto, bisneto, e assim por diante.
Irmãos compartilham o mesmo pai.

Atravessando o DOM

jQuery oferece uma variedade de métodos que nos permite percorrer o DOM.

A maior categoria de métodos de passagem são árvore-travessia.

Os próximos capítulos vai nos mostrar como viajar cima, para baixo e para os lados na árvore DOM.