[JQuery]_자주 사용하는 선택자

JQuery 선택자

1. 전체 선택자 -> *

$('*').attr('test',1);

 

document 에 있는 모든 문서객체를 선택

2. 태그 선택자 -> html 태그이름

$('h2').attr('test',1);

 

특정한 태그를 선택한다

3. 아이디 선택자 -> #아이디이름

$('h2#item').attr('test',1);
$('#id').attr('test',1);

 

특정한 id를 부여한 객체를 선택

4. 클래그 선택자 -> . 클래스 이름

$('h2.item').attr('test',1);
$('item.test').attr('test',1);

 

특정한 class속성이 부여된 객체를 선택

5. 자손 선택자 -> a요소 > b요소

$('test >test2').attr('test',1);

 

해당 a요소의 자손인 b요소를 선택

6. 후손 선택자 -> a요소 b요소

$('test test2').attr('test',1);

 

해당 a 요소의 후손인 b요소를 선택

7. 속성 선택자 ->

$('input[type="text"]').attr('test',1);

 

요소[속성=값] 속성과 값이 같은 문서 객체를 선택 
요소[속성|=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택 
요소[속성~=값] 속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택 
요소[속성^=값] 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택 
요소[속성$=값] 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택 
요소[속성*=값] 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택