Temos 3 funcionalidades básicas que pesquisam os elementos de um documento.
1-parent() : Procura pelo elemento pai ( antecessor ) do atual.
2-closest() : Procura pelos elementos pais do atual que atendam a um critério.
3-find() : Procura por elementos filhos do atual.
Lembre-se A sintaxe de pequisa é a mesma do html. Acrescente :
1-O Ponto é pesquisa pela classe.
2-O jogo da velha é pesquisa pelo id.
3-Sem ponto nem jogo da velha é pesquisa pelo elemento html (tag).
Se a tag não tem classe nem ID será exibido apenas o tipo da tag.
Desenho dos elementos componentes da página:
Logo abaixo temos o código do exemplo :
<body>
<div id="topo">
<ul class="menu">
<li class="item"></li>
<li class="item"></li>
</ul>
</div>
