7. 속성선택자
- 기본 선택자 뒤에 붙여 사용
- 입력 양식과 관련된 태그를 선택할 때 많이 사용
선택자 형태 | 설명 |
요소[속성=값] | 속성과 값이 같은 문서 객체를 선택 |
요소[속성|=값] | 속성 안의 값이 특정 값과 같은 문서 객체를 선택 |
요소[속성~=값] | 속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택 |
요소[속성^=값] | 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택 |
요소[속성$=값] | 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택 |
요소[속성*=값] | 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택 |
https://jsfiddle.net/Kimara/q832s0zk/
8. 필터선택자
- 선택자 중에 : 기호를 포함하는 선택자
8.1. 입력 양식 필터 선택자
- 속성 선택자 보다 간단한 방법으로 사용할 때 필터 선택자를 사용
- 기본 선택자 뒤에 사용
선택자 형태 | 설명 |
요소:button | input 태그 중 type 속성이 button인 문서 객체와 button 태그를 선택 |
요소:checkbox | input 태그 중 type 속성이 checkbox인 문서 객체를 선택 |
요소:file | input 태그 중 type 속성이 file인 문서 객체를 선택 |
요소:image | input 태그 중 type 속성이 image인 문서 객체를 선택 |
요소:password | input 태그 중 type 속성이 password인 문서 객체를 선택 |
요소:radio | input 태그 중 type 속성이 radio인 문서 객체를 선택 |
요소:reset | input 태그 중 type 속성이 reset인 문서 객체를 선택 |
요소:submit | input 태그 중 type 속성이 submit인 문서 객체를 선택 |
요소:text | input 태그 중 type 속성이 text인 문서 객체를 선택 |
선택자 형태 | 설명 |
요소:checked | 체크되어 있는 입력 양식을 선택 |
요소:disabled | 비활성화된 입력 양식을 선택 |
요소:enabled | 활성화된 입력 양식을 선택 |
요소:focus | 초점이 맞추어져 있는 입력 양식을 선택 |
요소:input | 모든 입력 양식을 선택 |
요소:selected | option 객체 중 선택된 태그를 선택 |