O que é jQuery?
jQuery é uma biblioteca JavaScript - um conjunto de funções prontas que ajudam a fazer algumas coisas de forma mais fácil e conveniente do que é feito em JavaScript puro.
Compare dois códigos que fazem a mesma coisa - o primeiro em JavaScript puro:
document.getElementById('elem').innerHTML = '!';
E o segundo - em jQuery:
$('#elem').html('!');
O código jQuery parece muito mais compacto e mais simples de escrever.
Compare mais dois códigos: no primeiro, obtemos
todos os elementos com a classe www e definimos
a cor do texto como vermelho usando JavaScript puro:
let elems = document.getElementsByClassName('www');
for (let i = 0; i < elems.length; i++) {
elems[i].style.color = 'red';
}
E no segundo - usando jQuery:
$('.www').css('color', 'red');
Aqui já se sente uma enorme diferença - em JavaScript puro foi necessário fazer um loop, enquanto o código jQuery praticamente não mudou em comparação com o primeiro exemplo.