Wat is jQuery?
jQuery is een bibliotheek JavaScript - een verzameling kant-en-klare functies die sommige dingen gemakkelijker en handiger maken dan in pure JavaScript.
Vergelijk twee codes die hetzelfde doen - de eerste in pure JavaScript:
document.getElementById('elem').innerHTML = '!';
En de tweede - in jQuery:
$('#elem').html('!');
De jQuery-code ziet er veel compacter uit en is eenvoudiger om te schrijven.
Vergelijk nog twee codes: in de eerste krijgen we
alle elementen met de klasse www en stellen
een rode tekstkleur in met pure
JavaScript:
let elems = document.getElementsByClassName('www');
for (let i = 0; i < elems.length; i++) {
elems[i].style.color = 'red';
}
En in de tweede - met jQuery:
$('.www').css('color', 'red');
Hier is een enorm verschil voelbaar - in pure JavaScript moest een lus worden gemaakt, terwijl de jQuery-code nauwelijks veranderde in vergelijking met het eerste voorbeeld.