[name$="value"] 는 태그의 name 속성명에 들어가 있는 문자의 끝에서 부터 "value" 에 해당되는 문자가 포함되어 있는지 확인하는 선택자입니다.
원문 링크 
http://api.jquery.com/attribute-ends-with-selector/
개요 : 태그가 가진 속성(attributes)의 값(value)의 뒷쪽부터 문자열이 포함되어 있는 요소를 찾아 줍니다.
- jQuery('[attribute$="value"]')
- attribute 태그의 속성
- value 속성의 값, 따옴표를 사용해야 합니다.
예 제
문서에 있는 input 태그들 중에 name 속성(attribute)의 값의 뒷쪽부터 "letter" 이라는 단어를 포함하고 있는 요소를 찾아서 'a letter' 를 입력합니다.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />
<script>$('input[name$="letter"]').val('a letter');</script>
</body>
</html>
미리보기
input 태그들의 name 들 속에 letter 라는 문자열이 들어 있습니다. 이 선택자는 [name|="value"] 와 같은 기능을 하지만 뒤쪽에서 부터 찾는다는 차이점이 있네요.
이미지 태그에서 이미지 확장자가 jpg 인 것들만 찾는다던지 하는 곳에 사용하면 유용하겠네요. 그냥 '음, 이런게 있군'하고 넘어가시면 되겠습니다.
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name^="value"] (4) | 2011.01.24 |
|---|---|
| jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name!="value"] (5) | 2011.01.24 |
| jQuery 를 이용한 슬라이드 이미지 (133) | 2011.01.22 |
| jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name="value"] (7) | 2011.01.22 |
| jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name~="value"] (2) | 2011.01.21 |
| jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name*="value"] (2) | 2011.01.21 |
| jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : [name|="value"] (2) | 2011.01.20 |
| jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : ":animated" (9) | 2011.01.20 |