- 요소[속성=값] : 속성과 값이 같은 문서 객체를 선택
- 요소[속성|=값] : 속성 안의 값이 특정 값과 같은 문서 객체를 선택
- 요소[속성~=값] : 속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택
- 요소[속성^=값] : 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택
- 요소[속성$=값] : 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택
- 요소[속성*=값] : 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택
속성 선택자는 입력 양식과 관련된 태그를 선택할 때 많이 사용됨
<body>
<input type="text"/>
<input type="password"/>
<input type="radio"/>
<input type="checkbox"/>
<input type="file"/>
</body>
input 태그들은 선택자로 구분이 안되는데 그렇다고 아이디나 클래스를 입력하면 굉장히 복잡해짐
$(function(){
$('input[type="text"]').val('Hello jQuery');
});val() 메서드는 매개변수를 입력하면 input 태그의 value 속성을 저장하고,
매개변수를 입력하지 않으면 value 속성을 검사한다
다른 속성 선택자는 활용도가 많이 떨어져서 그런게 있다는거 알고만 있으면 됨
'Frontend > jQuery' 카테고리의 다른 글
| JS jQuery (part. 06) - 배열 관리 2 (0) | 2020.07.30 |
|---|---|
| JS jQuery (part. 05) - 배열 관리 (0) | 2020.07.30 |
| JS jQuery (part. 04) - 필터 선택자 (0) | 2020.07.29 |
| JS jQuery (part. 02) - 선택자 (0) | 2020.07.29 |
| JS jQuery (part. 01) - $(document).ready() (0) | 2020.07.29 |
