제이쿼리(jQuery)는 존 레식이 2006년 공개한 자바스크립트 라이브러리다. 바닐라 자바스크립트의 위세에도 여전히 아름답다. 제이쿼리는 일반 자바스크립트보다 쓰기 편하다. 하지만 원하는 효과를 얻기 위해 기본 자바스크립트와 함께 사용하게 될 가능성이 크다. 클릭에 반응하거나 요소의 색과 표시 상태를 바꾸는 데 활용할 수 있다. 모토는 다음과 같다.
최대한 적게 쓰고, 최대한 많이.
제이쿼리를 최대한 활용하려면 HTML 문서가 어떻게 구성되는지 이해해야 한다. HTML 문서는 문서 객체 모델(DOM)에 따라 구조화된다. 제이쿼리가 HTML과 어우러지며 그 힘을 떨칠 수 있는 것은 DOM과 상호 작용하는 까닭이다. DOM에는 문서의 요소들이 포함된다. 요소는 HTML 문서의 포함 관계를 반영하는 계층적인 구조로 배치된다.
<body>
(...)
<script src="jquery.min.js"></script>
<script src="script.js"></script>
</body>$(document).ready(function() {
});