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

Study/JavaScript

momong'-' 2020. 10. 28. 14:49

사용이유

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

<스타일 부여 방법>

1. attr()

2. css()

3. addClass()

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

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

=> !important 필요할 수 있음

위 단점들은 보안

클래스을 추가하는 메소드

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

클래스을 제거하는 메소드

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

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

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

참고