jQuery Selector 정리

2013. 3. 24. 11:06
반응형
▣ jQuery 자주 사용되는 Selector
$('*') : 모든 요소를 선택
$('#lD') : 아이디가 lD 인 모든 요소 선택 (ex: $("[id='ID']"))
$('E') : 태그 이름이 E인 모든 요소 선택
$('.C') : 클래스 이름이 C가 지정된 모든 요소 선택
$('E.C') : E 요소 가운데 클래스 이름이 C인 모든 요소 선택
$('E > F') : E 요소의 자식 요소 가운데 다음에 위치하는 모든 F 요소 선택
$('E~F') : E의 형제 요소 가운데 다음에 위치하는 모든 F 요소 선택
$('E:has(F)') : F요소를 하나 이상 포함하는 E 요소 선택 (ex : $('div:has(p)').css();)
$('E[A=V]') : 속성 A의 값이 V인 모든 E 요소 선택
$('E[A^=V]') : 속성 A의 값이 V로 시작되는 모든 E 요소 선택
$('E[A$=V]') : 속성 A의 값이 V로 끝나는 모든 E 요소 선택 (ex: .net 서버컨트롤 선택 시 효과적임)
$('E[A*=V]') : 속성 A의 값이 V를 포함하는 모든 E 요소 선택
$('div:first') : 전체 리스트의 첫 번째 요소 선택
$('div:first-child') : 각 리스트의 첫 번째 요소 선택
$('div:last') : 전체 리스트의 마지막 요소 선택
$('div:last-child') : 각 리스트의 마지막 요소 선택
$('div:even') : 전체 리스트에서 짝수(even) 또는 홀수( odd) 번째 위치한 모든 요소 선택
$('div:nth-child(1)') : 각 리스트의 N번째에 해당하는 요소 선택
$('div:eq(1)') : 리스트 전체에서 N번째에 해당하는 요소 선택
$('div:gt(1)') : 리스트 전체에서 N번째 이후의 모든 요소 선택
$('div:lt(1)') : 리스트 전체에서 N 번째 이전의 모든 요소 선택


반응형

+ Recent posts