[jQuery] 셀렉터(2)
기본 필터 셀렉터
셀렉터 | 설명 |
: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 | 선택된 모든 요소 선택 |
'Web > jQuery' 카테고리의 다른 글
[jQuery] 주요 셀렉터 & 필터 셀렉터 (0) | 2020.11.17 |
---|---|
[jQuery] 태그의 자손, 자식, 형제 범위 설정하는 법 (0) | 2020.11.16 |
[jQuery] 제이쿼리를 이용하여 css 접근하기 (0) | 2020.11.16 |
[jQuery] 제이쿼리의 기본 속성 (1) -window.onload와의 유사점 (0) | 2020.11.16 |
[jQuery] 제이쿼리란? (0) | 2020.11.13 |
댓글