jQuery
| 특징 |
설명 |
| JS의 라이브러리 |
DOM 탐색이나 이벤트, 애니메이션, ajax 등을 활용할 때 유용하게 사용 |
| JS보다 적은 양의 코드로 수행 |
css의 선택자처럼 선택자를 사용하여 DOM 요소의 검색, 선택 및 조작을 단순화 |
| 크로스 브라우저 지원 |
브라우저별로 처리 방법이 다른 이벤트 처리나 함수들의 문장을 하나의 표현으로 사용 가능 |
Vanila JS와 jQuery
| 종류 |
설명 |
| Vanila JS |
높은 수준의 프로그래밍 언어 |
| jQuery |
JS를 사용하여 수행되는 작업을 단순화하도록 설계된 오픈 소스 기반의 JS 라이브러 |
window.onload 와 $(document).ready
| window.onload |
$(document).ready |
| 페이지의 모든 요소들이 로드된 이후에 호출 |
DOM이 로드된 시점에 호출 |
| 한 페이지에서 하나의 window.onload()함수만 적용 |
DOM만 로드되면 바로 실 |
jQuery 사용하기
<script src="https://code.jquery.com/jquery-latest.js"></script>
