Quem disse que eu preciso de jQuery?

O jQuery é um framework muito bom. E com muitas funções. Mas muitos usam para coisas simples, por não saber fazer em JavaScript puro.

Selecionar elementos é uma dessas coisas. Em jQuery a gente faz:

$('#principal')
$('.navegacao a')
$('button:last-child')

Ou seja, passamos um seletor CSS e ele encontra os elementos na página pra gente. Mas quem manja de JS sabe que é fácil fazer sem jQuery, basta usar o querySelector:

document.querySelector('#principal') 
document.querySelector('.navegacao a')
document.querySelector('button:last-child')

jQuery é bom, mas melhor ainda é conhecermos JavaScript e saber usar os dois.

Leia também:

• Escopos no JavaScript
• jQuery: DOM, AJAX e Máscaras
• Alterando CSS com JavaScript
• Criando um autocomplete com JavaScript
• Conhecendo Arrow Functions