HTML에서 Class는 여러 용도로 사용되죠. CSS를 잘 적용하기 위해서 사용되는 것도 많죠. jQuery를 사용해서 특정 시점에서 Class를 적용하거나 제거할 수 있습니다.


 아래와 같은 HTML과 CSS가 존재한다고 가정해보겠습니다. 




script 부분을 보면 removeClass() 와 addClass()를 확인하실 수 있는데요. 


이름에서도 알 수 있듯이 addClass는 특정 클래스를 추가해주는 것이고요.

removeClass는 특정 클래스를 삭제하는 역할을 합니다. 


실제로 실행해보면 아래와 같은 그림을 보실 수 있겠죠. 




한 번에 여러 개의 class를 추가하거나 삭제는 아래 그림을 참고해주세요.




문자열 형태로 여러 클래스를 작성하면 작동합니다. 






+ Recent posts