jQuery addClass(), removeClass(), hasClass(), toggleClass()

addClass() – 지정한 요소에 클래스를 추가

removeClass() – 지정한 요소에 클래스를 제거

hasClass() – 지정한 요소에 클래스 유무 확인

toggleClass() – 지정한 요소에 클래스를 추가/제거

$('#addClassBtn').click(function(){
  $('#target').addClass('testClass');              
});

$('#removeClassBtn').click(function(){
  $('#target').removeClass('testClass');                    
});

$('#hasClassBtn').click(function(){
  if($('#target').hasClass('testClass') == true) {
    alert('textClass 있음');
  } else if ($('#target').hasClass('testClass') == false) {
    alert('textClass 없음');
  }
});

$('#toggleClassBtn').click(function(){
  $('#target').toggleClass('testClass');          
});