속성 선택자는 기본 선택자 뒤에 붙여 사용한다.
더보기
| 선택자 형태 | 설명 |
| 요소[속성=값] | 속성과 값이 같은 문서 객체를 선택 |
| 요소[속성|=값] | 속성 안의 값이 특정 값과 같은 문서 객체를 선택 |
| 요소[속성~=값] | 속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택 |
| 요소[속성^=값] | 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택 |
| 요소[속성$=값] | 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택 |
| 요소[속성*=값] | 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택 |
속성 선택자는 입력 양식과 관련된 태그를 선택할 때 많이 사용한다.
body 구성
<body>
<input type='text' />
<input type='password' />
<input type='radio' />
<input type='checkbox' />
<input type='file' />
</body>이럴때 사용하는 것이 속성 선택자이다.
<script>
$(document).ready(function() {
$('input[type='text']').val('Hello World');
});
</script>val() 메서드는 매개변수를 입력하면 input 태그의 value 속성을 지정하였고, 매개변수를 입력하지 않으면 value 속성을 검사한다.
코드에 매개변수를 입력했기 때문에 문서 객체에는 type='text'에 value 속성을 입력한다.
'가짜 개발자 Shiro > jQuery' 카테고리의 다른 글
| 자손 선택자, 후손 선택자 (0) | 2020.05.09 |
|---|---|
| 아이디 선택자, 클래스 선택자 (0) | 2020.05.06 |
| 태그 선택자 (0) | 2020.05.02 |
| 전체 선택자 (0) | 2020.04.30 |
| $(document).ready() (0) | 2020.04.29 |