본문 바로가기

[jQuery] 셀렉터(2)

인포꿀팁 발행일 : 2020-11-17

기본 필터 셀렉터

셀렉터 설명
:contains(text)  지정된 text 내용을 포함하는 엘리먼트 선택
:empty 자식을 가지지 않은 엘리먼트 선택 
:has(selector) 지정된 selector와 일치되는 엘리먼트를 포함하는 엘리먼트 선택
:parent  빈 엘리먼트를 제외하고, 텍스트도 포함해서 자식 엘리먼트를 가지는 엘리먼트 선택

가시 필터 셀렉터

셀렉터 설명
:hidden  감춰진(hidden) 엘리먼트 선택
:visible  보이는(visible) 엘리먼트 선택

속성 필터 셀렉터

셀렉터 설명
[attribute]  지정된 속성(attribute)을 가지는 엘리먼트 선택
[attribute=value]  지정된 속성(attribute)과 값(valu)을 가지는 엘리먼트 선택 
[attribute!=value]  지정된 속성과 같지 않거나 지정된 속성 값을 가지지 않는 엘리먼 트 선택 
[attribute^=value] 지정한 값으로 시작하는 속성을 가진 엘리먼트 선택 
[attribute$=value] 지정한 값으로 끝나는 속성을 가진 엘리먼트 선택 
[attribute*=value]  지정한 값을 포함하는 속성을 가진 모든 엘리먼트 선택 
 [attributeFilter1][attributeFilter2][attributeFilterN] 지정한 속성 필터 셀렉터와 일치하 는 모든 엘리먼트 선택

자식 필터 셀렉터

셀렉터 설명
:nth-child(index/even/odd/equation) N/짝수/홀수/수식에 따른 번째 자식 엘리먼트 선택 
:first-child  첫 번째 자식 엘리먼트 선택 
:last-child 마지막 자식 엘리먼트 선택 
:only-child 동기(형제)가 없는 자식 엘리먼트 선택

폼 셀렉터

셀렉터 설명
:input  input, textarea, select, button 요소 선택
:text text 타입의 모든 input 요소 선택
:password password 타입의 모든 input 요소 선택 
:radio radio 타입의 모든 input 요소 선택 
:checkbox checkbox 타입의 모든 input 요소 선택 
:submit submit 타입의 모든 input 요소 선택 
:image image 타입의 모든 input 요소 선택 
:reset reset 타입의 모든 input 요소 선택 
:button 모든 button 요소들 및 button 타입의 input 요소 선택
:hidden hidden 상태인 모든 요소 선택
:file  file 타입의 모든 input 요소 선택

폼 필터 셀렉터

셀렉터 설명
:enabled 현재 enable 상태인 모든 요소 선택 
:disabled 현재 disable 상태인 모든 요소 선택
:checked 체크된 모든 요소 선택
:selected 선택된 모든 요소 선택

 

댓글