Artigos JavaScript A jQuery substitui o JavaScript?
Você está deslogado

Atualmente, com a biblioteca jQuery sendo utilizada em grande parte dos projetos que envolvem JavaScript, uma dúvida surge com frequência, principalmente entre desenvolvedores iniciantes: "Saber usar a jQuery é suficiente, ou ainda preciso conhecer a linguagem JavaScript?". Para contribuir com essa discussão, apresentamos nesse DevCast alguns exemplos e argumentos que lhe ajudarão a guiar seus estudos.

Consulta rápida:


var button = document.getElementById("button");

button.addEventListener("click", function(){
  var p = document.getElementById("saudacao");
  p.innerHTML = "Bem-vindo, Estevão!";
});

Utilizamos a função document.getElementById para encontrar o elemento button na página e armazenar um referência a esse elemento na variável button. Através dessa referência, que é um objeto nativo do tipo Element, podemos chamar a função nativa addEventListener para adicionar um ouvinte para o evento de clique ao botão.

Quando o botão for clicado, a função document.getElementById será utilizada novamente, mas desta vez para buscar o parágrafo na página. Então usamos propriedade nativa innerHTML para alterar o texto do parágrafo.


var button = $("#button");

button.on("click", function(){
  $("#saudacao").text("Bem-vindo, Estevão!");
});

Utilizamos o seletor da jQuery para buscar o elemento button na página e armazenamos uma referência a esse elemento na variável button. A partir dessa referência, que é um objeto jQuery, conseguimos utilizar a função on da biblioteca para adicionar um ouvinte para o evento de clique ao botão.

Quando o botão for clicado, utilizamos novamente o seletor da jQuery, mas desta vez para buscar o elemento p na página e então utilizarmos a função text da biblioteca para alterar o seu conteúdo.

Confira também

jQuery Scroll

jQuery Scroll

Artigo
Primeiros passos com a jQuery

Primeiros passos com a jQuery

Curso
O que é jQuery?

O que é jQuery?

Curso