Conteúdo principal
Curso: Programação > Unidade 7
Lição 2: Acesso DOM com jQuery- Encontrando elementos com jQuery
- Depuração de páginas web com o console do navegador
- Obtendo informações sobre elementos com jQuery
- Desafio: Descobertas famosas
- Revisão: Acesso DOM com jQuery
- Projeto: Detetive DOM
- Pausa para a história: como John criou o jQuery?
© 2024 Khan AcademyTermos de usoPolítica de privacidadeAviso de cookies
Projeto: Detetive DOM
O site da Khan Academy usa jQuery, então você pode abrir seu console JavaScript agora mesmo e executar essa linha de código com sucesso para mostrar o texto interior de todos os elementos
<h1>
dessa página:$("h1").text();
Quer saber quantos elementos
<h1>
existem aqui? Execute essa linha de código:$("h1").length;
Agora, experimente usar seletores DOM para encontrar mais elementos dessa página Khan Academy, como:
- Todos os links.
- Este artigo.
- Todas as imagens.
- A barra de navegação lateral.
- Seu nome no canto superior direito.
- O texto que diz 'Home'.
- ...continue!
Você pode compartilhar seus seletores na discussão abaixo, mas tenha em mente que nosso HTML muda constantemente, então os seletores que funcionaram uma vez podem não funcionar sempre. Além disso, há normalmente vários seletores CSS que podem encontrar o mesmo elemento, então existem muitas respostas corretas.
Agora, pegue seu chapéu de detetive e comece a investigar nosso DOM!
Quer participar da conversa?
- $(".trigger_oz29o3").text(); > Your name in the upper right corner.(2 votos)
- This
$("[class^=trigger_]").text();
will get your name no matter who in the upper right corner.
Thanks Khan Academy for teaching.(4 votos)
- como é que eu animo titulos, porque no desafio anterior pediu e eu não entendi bem o que é pra se fazer(1 voto)