Mikä on jQuery?

jQuery on JavaScript-kirjasto - valmiiden funktioiden kokoelma, jotka auttavat tekemään joitain asioita helpommin ja mukavammin kuin se tehdään puhtaalla JavaScriptillä.

Vertaa kahta koodia, jotka tekevät saman asian - ensimmäinen puhtaalla JavaScriptillä:

document.getElementById('elem').innerHTML = '!';

Ja toinen - jQueryllä:

$('#elem').html('!');

jQuery-koodi näyttää paljon kompaktimmalta ja helpommalta kirjoittaa.

Vertaa vielä kahta koodia: ensimmäisessä saamme kaikki elementit, joilla on luokka www, ja asetamme niille punaisen tekstivärin puhtaalla JavaScriptillä:

let elems = document.getElementsByClassName('www');

for (let i = 0; i < elems.length; i++) {
	elems[i].style.color = 'red';
}

Ja toisessa - jQueryllä:

$('.www').css('color', 'red');

Tässä ero on jo valtava - puhtaassa JavaScriptissä jouduttiin tekemään silmukka, kun taas jQuery-koodi ei juurikaan muuttunut verrattuna ensimmäiseen esimerkkiin.