jQuery란 무엇인가?

jQuery는 자바스크립트 라이브러리입니다. 즉, 순수 자바스크립트로 수행하는 것보다 더 쉽고 편리하게 몇 가지 작업을 할 수 있도록 도와주는 기성 함수들의 모음입니다.

동일한 작업을 수행하는 두 코드를 비교해보세요. 첫 번째는 순수 자바스크립트 코드입니다:

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

두 번째는 jQuery 코드입니다:

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

jQuery 코드는 작성하기에 훨씬 더 간결하고 쉬워 보입니다.

또 다른 두 코드를 비교해보세요: 첫 번째에서는 클래스 www를 가진 모든 요소를 가져와서 순수 자바스크립트를 사용하여 글자 색상을 빨간색으로 설정합니다:

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

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

두 번째에서는 jQuery를 사용합니다:

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

여기서는 엄청난 차이를 느낄 수 있습니다. 순수 자바스크립트에서는 반복문을 사용해야 했지만, jQuery 코드는 첫 번째 예제와 비교해 크게 바뀌지 않았습니다.