jQuery 탐색 선택자

⭐️ jQuery 선택자 ⭐️

---

04. jQuery 탐색 선택자

[1] 기본 탐색 선택자

선택자 종류	표현 방법	설명
children( )	$("div").childern( )	div 요소의 자식 요소를 선택
parent( )	$("p").parent( )	p 요소의 부모 요소를 선택
parents( )	$("p").parents("div")	p 요소의 부모가 되는 모든 div 요소를 선택
closest( )	$("p").closest("div")	p 요소의 부모가 되는 첫 번째 div 요소를 찾음
next( )	$("div.m").next( )	div.m 요소의 다음 요소를 선택
nextAll( )	$("div.m").nextAll( )	div.m 요소의 다음 요소들을 모두 선택
nextUntil( )	$("div.m").nextUntil("p")	div.m 요소부터 p 요소 전까지의 요소를 선택
prev( )	$("div.m").prev( )	div.m 요소의 이전 요소를 선택
prevAll( )	$("div.m").prevAll( )	div.m 요소의 이전 요소를 모두 선택
prevUntil( )	$("div.m").prevUntil("p")	div.m 이전 요소부터 p 요소 다음 요소까지를 선택
siblings( )	$("div").siblings("p")	div 요소의 형제 요소 중 p 요소를 선택
find( )	$("div").find("span")	div 요소의 하위 요소 중 span 요소를 선택
filter( )	$("div").filter(".m")	div 요소 중 class 가 "m" 인 요소를 선택
not( )	$("div").not(".m")	div 요소 중 class 가 "m" 이 아닌 요소를 선택
has( )	$("div").has("span")	div 요소 중 span 요소를 포함하고 있는 요소를 선택
eq( )	$("div").eq(0)	div 요소 중 index가 0인 요소들을 선택 index 0 번은 첫 번째 요소
gt( )	$("div").gt(0)	index 가 0 보다 큰 div 요소들을 선택
lt( )	$("div").lt(3)	index 가 3 보다 작은 div 요소들을 선택

# 예제 1)

---

[2] 기타 탐색 선택자

선택자 종류	표현 방법	설명
add( )	$("div").add("p")	div 요소와 p 요소를 선택
addBack( )	$("div").children("p").addBack( )	p 요소와 이전 선택요소 div 를 선택
end( )	$("div").find("span").css(...).end().find("em").css(...)	$("div").find("span").css(...)의 실행이 끝나면 처음 선택자 $("div")로 다시 돌아와 $("div").find("em").css(...)가 실행됨
is( )	if(("div").children().is("p")){       console.log("p요소가 맞습니다."); }	선택한 요소를 판별해 주는 선택자로 보통 if문 조건식에 사용됨

# 예제 2)