제이쿼리 선택자

jQuery는 CSS 스타일의 선택자를 이용하여 요소를 선택할 수 있다.

전체 선택자

$(*).method().method();

태그 선택자

$(태그, 태그).method().method();

아이디 선택자

$(아이디).method().method();

클래스 선택자

$(클래스).method().method();

자손 선택자

$(요소A > 요소B).method().method();

후손 선택자

$(요소A 요소B).method().method();

속성 선택자

선택자 형태	설명
요소[속성=값]	속성과 값이 같은 문서 객체 선택
요소[속성│=값]	속성 안의 값이 특정 값과 같은 문서 객체 선택
요소[속성~=값]	속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택
요소[속성^=값]	속성 안의 값이 특정 값으로 시작하는 문서 객체 선택
요소[속성$=값]	속성 안의 값이 특정 값으로 끝나는 문서 객체 선택
요소[속성*=값]	속성 안의 값이 특정 값을 포함하는 문서 객체를 선택

필터 선택자

입력 양식 필터 선택자

선택자 형태	설명
요소:button	input 태그 중 type 속성이 button인 문서 객체와 button 태그를 선택
요소:checkbox	input 태그 중 type 속성이 check인 문서 객체를 선택
요소:file	input 태그 중 type 속성이 file인 문서 객체를 선택
요소:image	input 태그 중 type 속성이 image인 문서 객체를 선택
요소:password	input 태그 중 type 속성이 password인 문서 객체를 선택
요소:radio	input 태그 중 type 속성이 radio인 문서 객체를 선택
요소:reset	input 태그 중 type 속성이 reset인 문서 객체를 선택
요소:submit	input 태그 중 type 속성이 submit인 문서 객체를 선택
요소:text	input 태그 중 type 속성이 text인 문서 객체를 선택
요소:checked	체크되어 있는 입력 양식 선택
요소:disabled	비활성화된 입력 양식 선택
요소:enabled	활성화된 입력 양식 선택
요소:focus	초점이 맞추어져 있는 입력 양식 선택
요소:input	모든 입력 양식 선택 (input, textarea, select, button 태그)
요소:selected	option 객체 중 선택된 태그를 선택

위치 필터 선택자

선택자 형태	설명
요소:odd	홀수 번째에 위치한 문서 객체를 선택
요소:even	짝수 번째에 위치한 문서 객체를 선택
요소:first	첫 번째에 위치한 문서 객체를 선택
요소:last	마지막에 위치한 문서 객체를 선택

함수 필터 선택자

선택자 형태	설명
요소:contains(문자열)	특정 문자열을 포함하는 문서 객체 선택
요소:eq(n)	n번째에 위치하는 문서 객체 선택
요소:gt(n)	n번째 초과에 위치하는 문서 객체 선택
요소:has(h1)	h1 태그가 있는 문서 객체 선택
요소:It(n)	n번째 미만에 위치하는 문서 객체 선택
요소:not(선택자)	선택자와 일치하지 않는 문서 객체 선택
요소:nth-child(3n+1)	3n+1번째에 위치하는 문서 객체 선택

---

REFERENCE
https://www.opentutorials.org/course/53