jQuery
: 기존의 JavaScript만으로 구현하기엔 복잡했던 구문들을 간소화하기 위해 개발된 JavaScript 기반
라이브러리이다. → JavaScript 언어로 함수나 기능들이 이미 정의돼있다.
- jQuery의 장점
: DOM 요소와 관련된 스크립트를 쉽게 구현할 수 있다.
AJAX, 이벤트 처리 등 폭넓게 지원한다.
jQuery와 관련된 확장형 플러그인, 오픈 API 등을 지원한다.
jQuery 라이브러리 연결 방식
1. 오프라인 방식
: https://www.jquery.com에서 jQuery 라이브러리를 직접 다운로드 받은 후에 경로를 지정한다.
- UnCompressed : 개발자 전용
→ 일반 js 파일: 개발자가 보기 쉽도록 주석과 코드 정렬 등을 활용하여 가독성이 좋다.
- Compressed: 배포 전용
→ min js 파일: 주석과 들여쓰기, 띄어쓰기 등을 최소화하여 파일 용량을 줄여서 제공한다.
<script src="resources/js/jquery-3.6.0.js"></script>
2. 온라인 방식 - CDN(Content Delivery Network)
: 라이브러리를 제공하는 사이트의 url을 제시하여 파일 경로로 지정한다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
* jQuery 라이브러리 연결할 땐 head 내에 작성해야 한다.
jQuery 구문 작성 방식
1. jQuery로 작성하는 방식
jQuery(document).ready(function(){
실행내용;
});
2. 별칭으로 작성하는 방식
$(document).ready(function(){
실행내용;
});
3. 2번을 간소화해서 작성하는 방식
$(function(){
실행내용;
});
⇒ jQuery에서의 해당 function은 DOM 요소들만 모두 load 되면 바로 실행되며, 중복하여 여러 번 기술할 수 있다.
*** JavaScript로 작성 시
window.onload = function(){
console.log("콘솔창에 출력할 내용");
}