[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 |
댓글