jQuery / Method / .toggleClass()

.toggleClass()

.toggleClass()로 선택한 요소에 클래스(Class) 값을 넣었다 뺐다 할 수 있습니다.

문법

예를 들어

는, p 요소에 xyz 클래스가 없으면 추가하고, 있으면 제거합니다.

예제

버튼을 클릭하면 h1 요소에 ab 클래스 값이 추가되어 배경색이 생기고, 다시 버튼을 클릭하면 ab 클래스 값이 제거되어 배경색이 사라집니다.

참고