▤ 클래스 추가 [addClass]
$(this).addClass('className'); // 클래스에 className 이 추가(기존 클래스 존재) $(this).addClass('className1 className2'); |
▤ 클래스 삭제 [removeClass]
$(this).removeClass('className'); // 클래스에 className 이 삭제(다른 클래스 그대로) $(this).removeClass('className1 className2'); |
▤ 클래스 변경 [attr]
$(this).attr('class','className'); // 클래스 이름이 className로 변경(기존 클래스 사라짐) |
▤ 클래스 토글 [toggleClass]
$('#subject').click(function(){ $(this).toggleClass('className'); } // 클래스 이름이 생겼다 사라지다를 반복
//※비슷하게 쓰이는 함수로 toggle() 이 있다.
|
▤ 클래스명 확인 [hasClass]
$(this).hasClass('className'); // 특정 클래스 포함 여부를 확인 $(this).hasClass('className1 clsssName2'); |