jQuery 알아보기 : 기본 선택자

jQuery 기본 선택자 알아보기

jQuery 기본 선택자

선택자 종류	설명
태그 선택자	$("p")	p요소를 선택합니다.
id 선택자	$("#gnb")	#gnb요소를 선택합니다.
class 선택자	$(".logo")	.logo인 요소를 선택합니다.
자식 선택자	$("#gnb > ul > li")	#gnb의 자식요소의 자식 요소 li를 선택합니다.
하위 선택자	$("#gnb ul")	#gnb의 하위에 있는 모든 ul 요소를 선택합니다.
인접 선택자	$("#visual + #content")	#visual의 다음에 오는 #content 요소를 선택합니다.
형제 선택자	$("#visual ~ #footer")	#visual의 형제 요소 #footer를 선택합니다.
종속 선택자	$("div.unit")	div의 요소 중 클래스가 unit인 요소를 선택합니다.
그룹 선택자	$(".left, .right, #banner")	.left, .right, #banner 요소들을 선택합니다.
전체 선택자	$("*")	모든 요소를 선택합니다.

See the Pen Untitled by hjkang306 (@hjkang306) on CodePen.

jQuery 공식 사이트
방문하기