제이쿼리 selector

일반 선택자

$(.class) = 클래스 선택자

$(#ID)    = id 선택자

$(input:[name='name 값'])

 

뭐 이런식 등등 으로 선택자를 주로 사용하는데

이러한경우는 class, id, name 값이 한 단어로 이루어질 경우에 사용함.

 

그런데

 

<div class="td_1" />

<div class="td_2" />

<div class="td_3" />

<div class="td_4" />

 

이러한 경우 원하는 div를 선택하기위해서

 

element[속성~=값]: 해당 값이 특정 단어로 시작

element[속성^=값]: 특정 값으로 시작하는 객체

element[속성$=값]: 특정 값으로 끝나는 객체

element[속성*=값]: 특정 값을 포함하는 문서 객체

 

이러한 형식으로 적어 사용할 수 있습니다.

 

<예제>

$("tr:[class^='td_']").each(function(index,element){
        //코드 작성
});

 

<tr> 태그 중에서 class명 앞자리가 td_로 시작하는 것들을 선택하여 컨트가능함.