목차

1. jQuery 개요
2. jQuery 설정
3. jQuery 주요 함수

1. jQuery 개요

• jQuery는 JavaScript를 보다 간결하고 직관적으로 사용할 수 있게 해주는 오픈소스 라이브러리
• DOM 조작, 이벤트 처리, 애니메이션, AJAX 기능 등을 보다 짧은 코드로 수행 가능
• 최근에는 React, Vue 등 프레임워크 등장으로 사용률은 감소했지만, 경량 프로젝트나 레거시 시스템에서 여전히 유용

jQuery 특징

• $() 구문으로 태그 선택이 간편함
• 크로스 브라우징 문제 해결
• DOM 조작, 이벤트, Ajax를 단일 인터페이스로 처리

2. jQuery 설정 방법

CDN으로 jQuery 연결 (권장)

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

직접 다운로드하여 연결

<script src="./js/jquery-3.7.1.js"></script>

💡 $(document).ready()는 DOM이 완전히 로딩된 후 jQuery 코드를 실행하기 위한 구문입니다.

3. jQuery 주요 함수

선택자 관련