[jQuery] 클래스 추가 제거 확인 addClass()/removeClass()/hasClass()

사용이유

스타일을 부여하기 위해 사용

 

<스타일 부여 방법>

1. attr()

2. css()

3. addClass()

 

attr()나 css()를 사용할 경우 inline 형태로 스타일 부여됨

=> 코드와 스타일 분리되지 않음

=> !important 필요할 수 있음

 

위 단점들은 보안

---

addClass()

클래스을 추가하는 메소드

$(element).addClass('클래스명');

---

removeClass()

클래스을 제거하는 메소드

$(element).removeClass('클래스명');

---

hasClass()

클래스명이 존재하는지 확인하는 메소드

$(element).hasClass('클래스명');

 

 

 

참고

"addClass", jQuery, api.jquery.com/addclass/

"removeClass", jQuery, api.jquery.com/removeclass/

"hasClass", jQuery, api.jquery.com/hasclass/