[JavaScript] JQuery 선택자 정리표

"본 포스팅은 필자가 공부한 것을 정리해 놓은 것으로 오류가 존재할 수 있습니다."

참고 : Do it 자바스크립 + 제이쿼리 입문

기본 선택자

구분	종류	사용법	설명
직접 선택자	전체 선택자	$("*")	모든 요소를 선택합니다.
	아이디 선택자	$("#아이디명")	id 속성에 지정한 값을 가진 요소를 선택
	클래스 선택자	$(".클래스명")	class 속성에 지정한 값을 가진 요소를 선택
	요소 선택자	$("요소명")	지정한 요소명과 일치하는 요소들만 선택
	그룹 선택자	$("선택 1, 선택 2, 선택 n")	선택 1, 선택 2 선택 n에 지정된 요소들을 한 번에 선택
	종속 선택자	$("요소명.클래스명") $("요소명#아이디명")	요소 중 class 값과 id 값이 일치하는 요소를 선택

 

---

인접 관계 선택자

인접 관계 선택자	부모 요소 선택자	$("요소 선택").parent()	선택한 요소의 부모 요소를 선택
	상위 요소 선택자	$("요소 선택").parents()	선택한 요소의 상위 요소를 모두 선택
	가장 가까운 상위 요소 선택자	$("요소 선택").closest("요소 명")	선택한 요소의 상위 요소 중 가장 가까운 요소를 선택
	하위 요소 선택자	$("요소 선택 하위 요소")	선택한 요소에 지정한 하위 요소를 선택
	자식 요소 선택자	$("요소 선택>자식 요소")	선택한 요소를 기준으로 자식 관계에 지정한 요소만 선택
	자식 요소들 선택자	$("요소 선택").children()	선택한 요소의 모든 자식 요소를 선택
	이전 요소 선택자	$("요소 선택").prev()	선택한 요소의 바로 이전 요소를 선택
	이전 요소들 선택자	$("요소 선택").prevAll()	선택한 요소의 이전 요소를 모두 선택
	지정 이전 요소들 선택자	$("요소 선택").prevUntil("요소명")	선택한 요소부터 지정한 요소의 이전 요소까지 모두 선택
	다음 요소 선택자	$("요소 선택").next() $("요소 선택 + 다음 요소)"	선택한 요소의 다음 요소를 선택

인접 관계 선택자	다음 요소들 선택자	$("요소 선택").nextAll()	선택한 요소의 다음 요소 모두를 선택
	지정 다음 요소들 선택자	$("요소 선택").nextUntil("요소명")	선택한 요소부터 지정한 요소의 다음 요소까지 모두 선택
	전체 형제 요소 선택자	$(".클래스명).siblings()	class 값과 일치하는 요소의 형제 요소 전체를 선택