[jQuery] 제이쿼리 클래스(Class) 변경 및 추가, 제거 방법

[문제]

jQuery 를 사용하던 중, Class 의 제어가 필요하다.

[목표]

jQuery 를 사용해, Class 를 제어하는 방법을 알아본다.

[해결]

1. Class 변경 및 추가, 제거

// 클래스 변경 
$(this).attr('class', 'class_name');
 
// 클래스 추가 
$(this).addClass('class_name');
 
// 클래스 제거 
$(this).removeClass('class_name');

 

2. 실제 사용 예

$('#btn').click(function() {
    $('#check-design').addClass('checkbox');
    $('#check-design').removeClass('check-checked');
    return false;
});

 

- 끝 -