jQuery 속성(Attribute) 설렉터

jQuery의 속성(Attribute) 설렉터

 

1. [속성명] : 해당하는 속성을 가진 모든 엘리먼트를 선택 합니다.
   $("img[alt]") - img 엘리먼트 중 alt 속성이 있는 모든 img 엘리먼트를 선택 합니다.
   $("*[alt]")   - 모든 엘리먼트 중 alt 속성을 가지고 있는 모든 엘리먼트를 선택 합니다.
   
   
2. [속성명=속성값] : 해당하는 속성에 지정한 속성값(value)를 가지고 있는 모든 엘리먼트를 선택 합니다.
   $("img[alt=버튼]")  - img 엘리먼트 중 alt 속성의 값이 "버튼"인 모든 img 엘리먼트를 선택 합니다.
   
   
3. [속성명!=속성값] : 해당하는 속성에 지정한 속성값이 아닌 모든 엘리먼트를 선택 합니다.
   $("input[value!=0")  - input 엘리먼트 중 value 값이 0이 아닌 모든 input 엘리먼트를 선택 합니다.
   
   
4. [속성명*=속성값] : 해당하는 속성에 지정된 속성값을 포함하고 있는 모든 엘리먼트를 선택 합니다.
   $("input[value*=안녕]") - input 엘리먼트 중 value 값에 안녕이라는 글자를 포함하는 모든 input 엘리먼트를 선택 합니다.
   <input type='text' value='선생님 안녕하세요~' /> - 선택됨....
   SQL의 LIKE 조건과 같은 기능...
   
   
5. [속성명^=속성값] : 해당 하는 속성에 지정된 속성값으로 시작하는 모든 엘리먼트를 선택 합니다.
   $("img[src^=btn]")  - img 엘리먼트 중 src속성의 값이 btn... 으로 시작하는 모든 img 엘리먼트를 선택 합니다.
   <img src='btn_cancel.png' />  - 선택됨...
   
   
6. [속성명$=속성값] : 해당 하는 속성에 지정된 속성값으로 끝나는 모든 엘리먼트를 선택 합니다.
   $("img[src$=.gif]")  - img 엘리먼트 중 src속성의 값이 ... .gif로 끝나는 모든 img 엘리먼트를 선택 합니다.
   이미지의 엘리먼트의 특정 확장자를 가진 엘리먼트를 검색하거나 할때 유용하겠져~

 

위에 속성들은 중복으로 사용이 가능 합니다.

 

예를 들어 input 태그의 name속성의 값이 idx라는 값중 value 값이 0 인 것들만 선택하려 한다면...

 

$("input[name=idx][value=0]") 과같이 중복하여 사용 할수 있습니다.