[name^="value"] 는 태그의 name 속성명에 들어가 있는 문자중에 "value" 에 해당되는 문자가 시작부분에 포함되어 있는지 확인하는 선택자입니다.
원문 링크 http://api.jquery.com/attribute-starts-with-selector/
개요 : 태그가 가진 속성(attributes)의 값(value)에 문자열이 시작부분에 포함되어 있는 요소를 찾아 줍니다.
- jQuery('[attribute^="value"]')
- attribute 태그의 속성
- value 속성의 값, 따옴표를 사용해야 합니다.
예 제
문서에 있는 input 태그들 중에 name 속성(attribute)의 값이 "news" 라는 단어로 시작하고 있는 요소를 찾아서 'news here' 을 입력합니다.
<!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="newsboy" /> <script>$('input[name^="news"]').val('news here!');</script> </body> </html>
미리보기
3개의 input 요소중에 name 의 값이 news 로 시작하는 요소를 찾아서 'news here' 라고 입력하고 있네요. 그리 어렵지 않으시죠?
와.. 좀 지겨운 내용들이예요. 별 영양가도 없어 보이고. 곧~ 재미있는 내용들이 많이 나올거로 예상됩니다. 그럼 그때까지
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : 하위 요소 선택 ("parent > child") (8) | 2011.01.27 |
---|---|
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : 체크된 체크박스만 알아내기 (4) | 2011.01.26 |
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : 체크박스를 찾자 (6) | 2011.01.26 |
jQuery 쉽게하기 - API 깨부시기, 선택자(Selector) : button 을 찾자 (3) | 2011.01.25 |
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.22 |