JQuery 편집하기 (부분)

=== jQuery의 장점 ===

jQuery의 가장 큰 장점은 '''크로스 브라우저 호환성'''이다. 2006년 당시에는 각 브라우저마다 자바스크립트를 다르게 구현했기 때문에, 개발자들이 복잡한 브라우저 감지 코드를 작성해야 했다. jQuery는 이 문제를 한 줄의 코드로 해결해주었다.

'''간결한 문법'''도 큰 장점이다. 순수 자바스크립트로는 수십 줄이 필요한 작업을 jQuery로는 몇 줄로 처리할 수 있다. '''풍부한 플러그인 생태계'''도 jQuery의 강점이다. [[jQuery UI]]를 비롯해 수천 개의 써드파티 플러그인들이 존재한다. '''체인 방식의 직관적 API'''는 코드를 읽기 쉽고 작성하기 쉽게 만들어준다.

<syntaxhighlight lang="javascript">
// jQuery 없이 (2006년 당시)
function addEvent(element, event, handler) {
    if (element.addEventListener) {
        element.addEventListener(event, handler, false);
    } else if (element.attachEvent) {
        element.attachEvent('on' + event, handler);
    } else {
        element['on' + event] = handler;
    }
}

// jQuery 사용
$('#element').on('click', handler); // 모든 브라우저에서 동작
</syntaxhighlight>