javascript/jQuery
jQuery 속성 선택자
다크곰
2012. 1. 17. 17:23
| 선택자 형태 | 설명 |
| 요소[속성] | 특정 속성을 가지고 있는 문서 객체를 선택한다. |
| 요소[속성=값] | 속성 안의 값이 특정 값과 같은 문서 객체를 선택한다. |
| 요소[속성~=값] | 속성 안의 값이 특정 값을 단어로서 포함하는 문서 객체를 선택한다. |
| 요소[속성^=값] | 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택한다. |
| 요소[속성$=값] | 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택한다. |
| 요소[속성*=값] | 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택한다. |
속성 선택자는 입력 양식과 관련된 태그를 선택할 때 많이 사용된다.
<!doctype html>
<html>
<head>
<title>jquery test</title>
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script>
$(document).ready(function () {
$('input[type=text]').val('Hello jQuery..!');
});
</script>
</head>
<body>
<input type="text" />
<input type="password" />
<input type="radio" />
<input type="checkbox" />
<input type="file" />
</body>
</html>
input 태그를 가진 객체의 타입이 'text'인 속성의 val를 'Hello jQeury..!' 로 지정하라 라는 예제
| 선택자 형태 | 설명 |
| 요소:button | input 태그중 type 속성이 button인 문서 객체와 button 태그를 선택 |
| 요소:checkbox | input 태그중 type 속성이 checkbox 인 문서 객체를 선택 |
| 요소:file | input 태그중 type 속성이 file인 문서 객체를 선택 |
| 요소:image | input 태그중 type 속성이 image인 문서 객체를 선택 |
| 요소:password | input 태그중 type 속성이 password인 문서 객체를 선택 |
| 요소:radio | input 태그중 type 속성이 radio인 문서 객체를 선택 |
| 요소:reset | input 태그중 type 속성이 reset인 문서 객체를 선택 |
| 요소:submit | input 태그중 type 속성이 submit인 문서 객체를 선택 |
| 요소:text | input 태그중 type 속성이 text인 문서 객체를 선택 |
| 선택자 형태 | 설명 |
| 요소:checked | 체크된 입력 양식을 선택 |
| 요소:disabled | 비활성화된 입력 양식 선택 |
| 요소:enabled | 활성화된 입력 양식 선택 |
| 요소:focus | 초점이 맞춰져 있는 입력 양식 선택 |
| 요소:input | 모든 입력 양식을 선택(input, textarea, select, button) |
| 요소:selected | option 객체 중 선택된 테그를 선택 |
본문 출처 : 모던 웹을 위한 Javascript 입문 및 jQuery입문