O que é o DOM?
Entenda o Document Object Model em linguagem simples — a árvore que representa cada página da Web — e por que manipulá-la é justamente o que jQuery faz tão bem.
O que é o DOM? é uma aula grátis de jQuery Academy no CoddyKit. Esta é a aula 2 de 3. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de jQuery Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de jQuery Academy inclui 3 aulas no total.
Conheça o DOM
Para usar jQuery, é útil conhecer o DOM. Não se preocupe — é uma ideia simples com um nome assustador. 😊
A página como uma árvore
O DOM transforma a sua página web numa árvore de componentes — cada título, botão e imagem é um ramo.
Uma árvore genealógica
Imagine uma árvore genealógica. 🌳 A página é o elemento pai, e cada elemento dentro dela é um filho. Os elementos encaixam-se de forma organizada.
Por que isso importa
O DOM é aquilo com que o seu código comunica. Quer alterar um botão? Basta entrar no DOM e selecioná-lo.
Elementos por todo o lado
Cada componente é chamado de elemento. Um título, um parágrafo, um link — todos são elementos dentro da árvore.
Selecionar com seletores
Para selecionar um elemento, usa um seletor — como uma morada que aponta exatamente para o componente que pretende.
jQuery ao resgate
Aqui está a magia: jQuery torna muito fácil encontrar elementos do DOM. Isto seleciona todos os parágrafos de uma só vez.
$("p");Depois, altere-os
Depois de selecionar um elemento, pode alterar o texto, a cor ou ocultá-lo — como preferir.
A ponte
Assim, o DOM é a página, e jQuery é a forma fácil de entrar nela e interagir com os seus elementos. Uma dupla perfeita! 🤝
Está a avançar muito bem!
Agora já compreende o DOM AND como jQuery o utiliza. 🎉 A seguir: onde isto aparece em sites reais.
Verificação rápida
Uma pergunta rápida! Pense no que acabámos de abordar.
Perguntas Frequentes
A aula “O que é o DOM?” é grátis?
Sim — o texto completo de “O que é o DOM?” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de jQuery Academy, atualize para CoddyKit PRO. O curso de jQuery Academy inclui 3 aulas no total.
O que vou aprender em “O que é o DOM?”?
Entenda o Document Object Model em linguagem simples — a árvore que representa cada página da Web — e por que manipulá-la é justamente o que jQuery faz tão bem. Você pratica jQuery Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar jQuery Academy?
Nenhuma experiência prévia é necessária. jQuery Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 3.
Quanto tempo leva a aula “O que é o DOM?”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de jQuery Academy?
Sim. Cada aula de jQuery Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- O que é jQuery?
- O que é o DOM?
- jQuery no mundo real