jQuery 소개

자바스크립트 라이브러리로, DOM 조작, 이벤트 처리, 애니메이션, Ajax를 간단하게 해주는 도구.

jQuery 시작하기

CDN을 불러와 사용

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

DOM이 준비되었을 때 실행하는 기본 문법

$(document).ready(function() {
  $("p").text("Hello jQuery!");
});

$()는 jQuery 함수이며, $(document).ready()는 DOM이 모두 로드된 뒤 실행되는 구문

선택자 (Selectors)

기본적으로 아이디, 클래스, 태그 선택자

$("#id")       // 아이디
$(".class")    // 클래스
$("tag")       // 태그

조건이나 상태를 활용한 고급 선택자

$("ul li:first")   // 첫 번째 li
$("input:checked") // 체크된 input
$("div:hidden")    // 숨겨진 div

DOM 조작