클래스의 추가, 제거 및 확인, RemoveClass(), AddClass(), HasClass()

1. addClass()

 

* 기본 문법

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

참고로 addClass는 이미 클래스가 추가되어있는 경우 또 다시 클래스를 추가하지 않는다.

즉 중복되는 클래스는 자동으로 제외

 

* 적용예시

$('span').addClass('red');

 

2. removeClass() 

* 기본 문법

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

 

* 적용예시

  $('span').removeClass('test');

 

 

3. hasClass()

* 기본 문법

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

 

이 함수는 클래스 속성에 해당 값이 존재하는지를 확인 후 Boolean값을 반환 즉, 존재한다면 true를 없다면 false를 반환

 

* 적용예시

  $('span').hasClass('test');

→ span태그에 test라는 클래스명이 존재한다면 true 반환, 존재하지않는다면 false 반환