제이쿼리 toggleClass()

toggleClass()

엘리먼트의 CSS 클래스를 확인해서 이미 존재하는 클래스는 제거하고 존재하지 않는 클래스는

추가한다. addOrRemove 매개변수의 지정 여부에 따라 서로 추가하기만 하거나 제거만 하게끔 지정할 수 있다.

input text를 클릭 시 색깔이 바뀌도록 하는 예제 입니다. 처음 클릭시 normal 이라는 클래스가 h1태그에 생기므로 초록색으로 바뀔것입니다.

다시 한번 클릭 할 경우 normal 이 제거되어 색상이 검정색으로 바뀌게 됩니다.

class 추가 혹은 삭제 시 다중으로도 가능하니 이점 알아주시기 바랍니다!!