반응형
<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 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 |
웹 사이트 프린트 방지 (0) | 2013.01.03 |
jQuery preventDefault() (0) | 2011.06.23 |
jquery 자식창에서 부모창으로 값 전달. (0) | 2011.02.08 |