[javascript/jquery] jquery toggleClass example / jquery 클래스 추가 제거 방법

[javascript/jquery] jquery toggleClass example / jquery 클래스 추가 제거 방법

 

jquery 에서

 

특정 요소에 

 

class 를 동적으로 추가하거나 삭제해야 하는 경우가 있습니다.

 

그럴때는 대부분 addClass / removeClass 를 사용하는데요

 

아래 나온 내용과 같이 toggleClass 를 사용해도 변경이 가능합니다.

 

$("#test").toggleClass("active");

 

위 내용 보시면 아시겠지만,

 

test 라는 아이디를 가지는 요소에

 

active 라는 클래스가 없으면 추가하고,

active 라는 클래스가 있으면 제거합니다.

 

참고들 하세요!