[Javascript] 자바스크립트 제이쿼리 기본 선택자 종류

 

구분	종류	사용법	설명
직접 선택자	전체 선택자	$("*")	모든 요소를 선택합니다.
	아이디 선택자	$("#아이디명")	id 속성에 지정한 값을 가진 요소를 선택합니다.
	클래스 선택자	$(".클래스명")	class 속성에 지정한 값을 가진 요소를 선택합니다.
	요소 선택자	$("요소명")	지정한 요소명과 일치하는 요소들만 선택합니다.
	그룹 선택자	$("선택 1, 선택 2, 선택 3, ...선택 n")	선택1, ...,선택n에 지정된 요소들을 한 번에 선택합니다.
	종속 선택자	$("p.txt_1") $("p#txt_1")	<p> 요소 중 class 값이 txt_1인 요소 또는 id값이 txt_1인 요소를 선택합니다.
인접 관계 선택자	부모 요소 선택자	$("요소 선택").parent()	선택한 요소의 부모 요소를 선택합니다.
	상위 요소 선택자	$("요소 선택").parents()	선택한 요소의 상위 요소를 모두 선택합니다.
	가장 가까운 상위 요소 선택자	$("요소 선택").closest("div")	선택한 요소의 상위 요소 중 가장 가까운 <div>만 선택합니다.
	하위 요소 선택자	$("요소 선택>하위 요소")	선택한 요소에 지정한 하위 요소를 선택합니다.
	자식 요소 선택자	$("요소 선택>자식 요소")	선택한 요소를 기준으로 자식 관계에 지정한 요소만 선택합니다.
	자식 요소들 선택자	$("요소 선택").children()	선택한 요소의 모든 자식 요소를 선택합니다.
	형(이전) 요소 선택자	$("요소 선택").prev()	선택한 요소의 바로 이전 요소를 선택합니다.
	형(이전) 요소들 선택자	$("요소 선택").prevAll()	선택한 요소의 이전 요소 모두를 선택합니다.
	지정 형(이전) 요소들 선택자	$("요소 선택").prevUntil ("요소명")	선택한 요소부터 지정한 요소의 이전 요소까지 모두 선택합니다.
	동생(다음) 요소 선택자	$("요소 선택").next() $("요소 선택 + 다음 요소")	선택한 요소의 다음 요소를 선택합니다.
	동생(다음) 요소들 선택자	$("요소 선택").nextAll()	선택한 요소의 다음 요소 모두를 선택합니다.
	지정 동생(다음) 요소들 선택자	$("요소 선택").nextUntil("h2")	선택한 요소부터 지정한 요소의 다음 요소까지 모두 선택합니다.
	전체 형제 요소 선택자	$(".box_1").siblings()	class 값이 box_1인 요소의 형제 요소 전체를 선택합니다.

제이쿼리 기본선택자 종류에 대해 알아보았습니다.