셀렉터 표현식

CSS 셀렉터

T	태그이름이 T인 모든 엘리먼트 선택	$('div')
#myid	ID가 myid 인 엘리먼트 선택	$('#myid')
.myclass	클래스가 myclass 인 모든 엘리먼트 선택	$('.myclass')
E F	E의 자손 중 F	$('#container p')
E>F	E의 자식 중 F	$('li > ul')
E+F	이웃 엘리먼트 (바로 다음에 나오는 F)	$('ul + p')
E~F	형제 엘리먼트 (다음에 나오는 모든 F)	$('ul ~ p')
E, F, G	다중 엘리먼트	$('code, em, strong')
:nth-child(n)	n번째 자식 엘리먼트  :nth-child(even) 짝수번째  :nth-child(odd) 홀수번째
:first-child	첫번째 자식 엘리먼트	$('li:first-child')
:last-child	마지막 자식 엘리먼트	$('li:last-child')
:not(E)	E에 해당하지않는 모든 엘리먼트	$(':not')
:empty	자식노드가 없는 모든 엘리먼트	$('p:empty')
*	모든 엘리먼트	$('p > *')

<div>

<h2></h2>

<p></p>

<h2></h2>

<p></p>

<p></p>

</div>

$('p:nth(1)')  두번째 p 선택 -> nth는 0부터 시작하기 때문

$('p:nth-child(2)') 첫번째 p선택 -> 2번째 자식엘리먼트 중 p

속성 셀렉터

[foo]	foo라는 속성을 가진 모든 엘리먼트	$('[.myclass[style]]')
[foo=bar]	foo 속성에 해당되는 값이 bar 인 엘리먼트	$('a[rel=nofollow]')
[foo != bar]	foo 속성에 해당되는 값이 bar가 아닌 엘리먼트
[foo ^= bar]	속성값이 bar로 시작하는 엘리먼트
[foo $= bar]	속성값이 bar로 끝나는 엘리먼트
[foo *= bar]	속성값에 bar가 포함된 엘리먼트

폼 셀렉터

:input	모든 폼 엘리먼트 <input><textarea><select><button>
:text	<input type="text">
:password	<input type="password">
:radio	<input type="radio">
:checkbox	<input type="checkbox">
:submit	<input type="submit">
:image	<input type="image">
:reset	<input type="reset">
:button	<input type="button"> <button>
:file	<input type="file">
:enabled	활성화된 폼 엘리먼트
:disabled	비활성화된 폼 엘리먼트
:checked	체크된 체크박스나 라디오버튼
:selected	select 박스에서 선택된 엘리먼트 <option>