[JQUERY] CLASS 변경, 추가(addClass()), 삭제(removeClass())
2022. 5. 17. 00:07
반응형
안녕하세요, 오늘은 JQUERY를 이용하여 CLASS를 변경하는 방법에 대해서 알아보도록 하겠습니다.
<html>
<div id="modify" class="modify">클래스 변경</div>
<div id="delete" class="delete">클래스 삭제</div>
<div id="classAdd">클래스 추가</div>
</html>1. 클래스(class)가 있는 상태에서 값을 변경하는 방법
클래스(class)가 있는 상태에서 클래스를 변경해야 한다면 attr 메소드를 사용하시면 변경할 수 있습니다.
클래스가 modify -> class_modify로 변경됩니다.
$('#modify').attr('class','class_modify');
2. 클래스(class)를 삭제하는 방법
클래스가 삭제됩니다.
$('#delete').removeClass();
3. 클래스(class)를 추가하는 방법
클래스가 추가됩니다.
$('#classAdd').addClass();반응형
'개발 > Jquery | Javascript' 카테고리의 다른 글
| [JQUERY] inputbox readonly/disabled 처리하는 방법 (0) | 2022.05.20 |
|---|---|
| [JQUERY] INPUT 박스 한번에 초기화하는 방법, form 초기화 (0) | 2022.05.19 |
| [JQUERY] 항상 최신버전 CDN 불러와서 사용하기 (0) | 2022.05.11 |
| [ JQUERY ] 로딩 함수 ready, onload 먼저 수행되는 함수는? (0) | 2022.05.06 |
| [JavaScript] window.open 새창으로 열기 사용법 (0) | 2022.05.03 |
