login register Sysop! about ME  

2010년 10월 21일 09시 52분 00초,     조회수 : 1905
  제목 : jQuery 속성(Attrbute)으로 셀렉터 하기...
SEQ : 1514 글쓴이 : 제이

작성 포맷 : TEXT 모드, 자동 줄바꿈 사용

요즘 돌아 다니면서 질문 올라온 것들을 보면 jQuery의 속성(Attrbute)으로 셀렉터 하는 방법을 몰라서 질문을 하는 경우가
많고 기초적인 내용 이지만 아직 모르셨던 분에게는 유용할 꺼라 생각 해서 적어 봅니다.

제가 설명이나 말주변이 그리 좋은게 아니라... 그냥 알아서 봐주세요..^^*


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]") 과같이 중복하여 사용 할수 있습니다.





  hskim618
  2010-10-22(08:59)
캐릭 이미지
깔끔한 정리 감사합니다.. ^^


제목 작성자 날짜 조회
jQuery 속성(Attrbute)으로 셀렉터 하기... (1) 제이 2010-10-21 1905

 
 
.NET과 Java 동영상 기반의 교육사이트

로딩 중입니다...

서버 프레임워크 지원 : NeoDEEX
based on ASP.NET 3.5
Creative Commons License
{5}
{2} 읽음   :{3} ({4})