반응형
<div class='name'>1</div>
<div class='name_kr'>2</div>
<div class='name_en'>3</div>
<div class='animal_name_en'>4</div>
<div class='animal_name'>5</div>
// 기본, class요소 값이 'name'과 정확히 일하는 class를 선택한다.
$('div[class="name"]').html('change'); // change: 1
// class요소의 값이 'name'으로 시작하는 모든 class를 선택한다.
$('div[class^="name"]').html('change'); // change: 1, 2, 3
// class요소의 값이 'name'이 포함된 모든 class를 선택한다.
$('div[class*="name"]').html('change'); // change: all
// class요소의 값이 'name'으로 끝나는 모든 class를 선택한다.
$('div[class$="name"]').html('change'); // change: 5
비슷한 이름을 가진 class나 배열 형태의 필드(예: <input name='name[0]'/>)를 선택하기에 적합하다.
반응형
'Programing > javascript' 카테고리의 다른 글
| 📷 JavaScript로 이미지 리사이징 후 PHP로 업로드하는 방법 (1) | 2025.04.16 |
|---|---|
| 🎂 자바스크립트로 나이 계산하는 3가지 방법 (0) | 2025.04.16 |
| JavaScript로 URL 파라미터 업데이트하는 방법 (0) | 2025.04.16 |
| javascript array sort(나이순 정렬) (0) | 2023.09.19 |
| jQuery css 애니메이션 반복/초기화(removeclass, addclass) (0) | 2023.09.19 |
| jQuery 요소의 내용이 바뀌었을때 감지 이벤트 (0) | 2023.09.19 |
| JavaScript 윤년(leap year) 체크 (0) | 2019.06.26 |
| JSON] String to Object (String to json) (0) | 2013.03.05 |