[jQuery] 클래스 다루기

0. 클래스 추가

해당 요소에 'className' 이라는 클래스를 추가한다.

 

$('#target').addClass('className');

 

 

1. 클래스 삭제

해당 요소에서 'className' 이라는 클래스를 삭제한다. 일치하는 이름의 클래스가 없을 경우 무시된다. 

 

$('#target').removeClass('className');

 

 

2. 클래스 토글

해당 요소에 'className' 이라는 클래스가 없을 경우 추가하고 클래스가 이미 존재할 경우 삭제한다.

 

$('#target').toggleClass('className');

 

 

3. 클래스 확인

해당 요소에 'className' 이라는 클래스가 존재하는지 확인한다. 존재할 경우 true, 존재하지 않을 경우 false를 반환한다.

 

$('#target').hasClass('className');