[JSP]jquery class속성 제어하기

jsp jquery class속성 제어하는 방법을 알아보겠습니다.
jquery로 class속성제어는 웹개발시 아주 유용하게 사용하는 기능이니 숙지해두시면 좋습니다.


 1.Class 추가
기존 class에 class를 하나 더 추가하는 방식
$('#testDiv').addClass('class_name');

 
2.Class 삭제
해당 class를 찾아 삭제하는 방식
$('#testDiv').removeClass('class_name');

 
3.Class 변경
기존class를 찾아 삭제하고 새로운class를 추가하여 변뎡되는 효과를 주는 방식
$('#testDiv').removeClass('old_class').addClass('new_class');

 
4.Class 토글
클릭을 할때마다 해당class가 없으면 추가. 있으면 삭제 하면서 토글기능을 주는 방식
$("#testDiv").toggleClass('click_class');


 5.Class 새로 지정
Class를 변경하는 방식으로 기존 모든 class를 삭제 후 해당 class로 새로지정하는 방식
$("#testDiv").attr('class', 'new_class');