[JQuery] 클래스 추가, 제거 (class)

클래스를 중간에 넣어야하는 경우나 제거해서 CSS를 추가하거나 제거할때 사용하면 유용합니다.

 

사용할 수 있는 메서드는 4종류가 있습니다 하나씩 하나씩 차례대로 알아봅시다

addClass

인수로 전달받은 클래스를 추가

$(selector).addClass(classname);

removeClass

인수로 전달받은 클래스를 제거

$(selector).removeClass(classname);

toggleClass

클래스가 없으면 인수로 전달받은 클래스를 추가하고, 전달받은 클래스가 이미 추가되어 있으면 제거

$(selector).toggleClass(classname);

hasClass

인수로 전달받은 값이 선택된 요소의 클래스가 존재하는지 여부를 확인

$(selector).hasClass(classname);