jQuery - 기본 선택자

기본 선택자

JQuery는 html 요소와 관련된 기능구현이 많아 그만큼 CSS와 매우 밀접한 관계가 있습니다.

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

---

예시