[jQuery] jQuery CSS 선택자
CSS 선택자를 사용하여 jQuery를 사용하는 방법에 대해 설명합니다.
1. 기본 선택자
// 모든 <p> 요소를 선택
$("p")
// ID가 "myId"인 요소를 선택
$("#myId")
2. 자식 요소 선택자
// <div> 요소의 모든 <p> 자식 요소를 선택
$("div > p")
// <div> 요소의 직계 자식 <p> 요소를 선택
$("div > p")
3. 클래스 선택자
// 클래스가 "myClass"인 요소를 선택
$(".myClass")
4. 속성 선택자
// type 속성이 "button"인 모든 요소를 선택
$("[type='button']")
5. 다수의 선택자
// <div>와 <p> 요소를 모두 선택
$("div, p")
6. 필터 선택자
// 첫 번째 <p> 요소를 선택
$("p:first")
// 마지막 <p> 요소를 선택
$("p:last")