Seletores DOM JavaScript/jQuery
jQuery vs JavaScript
jQuery foi criado em 2006 por John Resig. Ele foi projetado para lidar com incompatibilidades de navegadores e simplificar a manipulação de HTML DOM, manipulação de eventos, animações e Ajax.
Por mais de 10 anos, jQuery tem sido a biblioteca JavaScript mais popular do mundo.No entanto, após a versão 5 do JavaScript (2009), a maioria dos utilitários jQuery podem ser resolvidos com algumas linhas de JavaScript padrão:
Encontrando o elemento HTML por ID
Retorne o elemento com id="id01":
jQuery
myElement = $("#id01");
JavaScript
myElement = document.getElementById("id01");
Encontrando elementos HTML por nome de tag
Retorne todos os elementos <p>:
jQuery
myElements = $("p");
JavaScript
myElements = document.getElementsByTagName("p");
Encontrando elementos HTML por nome de classe
Retorne todos os elementos com class="intro".
jQuery
myElements = $(".intro");
JavaScript
myElements = document.getElementsByClassName("intro");
Encontrando elementos HTML por seletores CSS
Retorne uma lista de todos os elementos <p> com class="intro".
jQuery
myElements = $("p.intro");
JavaScript
myElements = document.querySelectorAll("p.intro");