jQuery selector



jQuery 기본적인 선택자


jQuery selector
선택자 설명
:button type이 button인 요소를 선택
:even 인덱스가 짝수인 요소를 모두 선택
:odd 인덱스가 홀수인 요소를 모두 선택
:eq(n) 인덱스가 n인 요소를 선택
:gt(n) 인덱스가 n보다 큰 요소를 모두 선택
:lt(n) 인덱스가 n보다 작은 요소를 모두 선택
:first 첫 번째 요소를 선택
:last 마지막 요소를 선택
:nth-child(an+b) 형제 요소 중 an+b번째 요소들을 선택
ex)
$('li:nth-child(3)')
$('li:nth-child(2n+1)')
:animated 애니메이션 효과가 실행 중인 요소를 모두 선택
:header h1 ~ h6 까지의 요소를 모두 선택
:contains(text) 지정한 문자열을 포함한 요소를 선택
ex)
$('p:contains("ara")')
:not(selector) 지정한 선택자를 제외한 모든 요소를 선택
:empty 내용이 없는(자식이 없는) 빈 요소를 선택
:has(selector) 지정한 요소를 포함하는 요소를 선택
ex)
$('p:has(span)')
$('div:has(.class)')
:parent 자식 요소를 가지고 있는 요소를 모두 선택


'Front-end dev > JavaScript || jQuery' 카테고리의 다른 글

정규식표현(패스워드)  (502) 2020.05.25
console.log 에 style 적용하기  (596) 2018.04.04

+ Recent posts