[제이쿼리] 선택자

제이쿼리 :: 선택자

1. 기본 선택자

$('hi').css('color','red');

 -----      -------------------

선택자      메서드

2. 전체선택자

3. 태그선택자

4. 아이디선택자

5. 클래스선택자

6. 자손선택자와 후손선택자

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 객체 중 선택된 태그를 선택