JQuery 편집하기 (부분)

== 개요 ==
[[파일:JQuery-Logo.svg|thumb|300px|jQuery 로고]]

'''jQuery'''(제이쿼리)는 [[존 레식]](John Resig)이 2006년에 개발한 '''경량화된 [[자바스크립트]] 라이브러리'''이다. "'''Write Less, Do More'''"라는 모토로 시작된 이 라이브러리는 [[HTML]] 문서의 탐색과 조작, 이벤트 핸들링, 애니메이션, [[Ajax]] 등을 훨씬 간단하게 처리할 수 있게 해주는 '''크로스 브라우저 자바스크립트 라이브러리'''이다.

jQuery는 웹 개발 역사상 가장 널리 사용된 자바스크립트 라이브러리 중 하나로, 한때 전체 웹사이트의 '''80% 이상'''에서 사용될 정도로 압도적인 점유율을 자랑했다. 그 이유는 당시 각각 다른 브라우저들([[Internet Explorer]], [[Firefox]], [[Chrome]], [[Safari]] 등)이 자바스크립트를 서로 다르게 구현했기 때문에, 개발자들이 '''크로스 브라우저 호환성'''을 위해 복잡한 코드를 작성해야 했는데, jQuery가 이 문제를 '''한 줄의 코드'''로 해결해주었기 때문이다.

2005년 당시의 웹 개발 환경은 말 그대로 '''지옥'''이었다. [[Internet Explorer 6]]가 브라우저 시장을 독점하고 있었지만, [[Firefox]], [[Safari]] 등 다른 브라우저들도 각자의 방식으로 자바스크립트를 구현하고 있었다. 개발자들은 간단한 [[DOM]] 조작 하나를 위해서도 수십 줄의 브라우저 감지 코드를 작성해야 했다.

<syntaxhighlight lang="javascript">
// 2005년 당시 크로스브라우저 이벤트 리스너 추가 방법
function addEventListener(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;
    }
}
</syntaxhighlight>

이런 상황에서 [[존 레식]]이 '''BarCamp NYC'''에서 jQuery의 초기 버전을 공개했다. 단 '''한 줄'''로 크로스브라우저 호환성을 제공하겠다는 아이디어였다.