JAVASCRIPT#34 - jQuery 클래스 class 넣고빼기

Don't stop, won't stop, can't stop.

JAVASCRIPT#34 - jQuery 클래스 class 넣고빼기

1. jQuery 클래스 class 란?
- 음.. 클래스는 일종의 분류 기준. 태그같은 느낌? 

2. 클래스 추가하거나 빼기.

- 클래스 추가하기 : $(셀렉터).addClass("클래스이름");

- 클래스 삭제하기 : $(셀렉터).removeClass("클래스이름");

- 클래스 있는지 검사하기 : $(셀렉터).hasClass("클래스이름"); (true, false 반환)

- 클래스 토글하기 : $(셀렉터).toggleClass("클래스이름");

* 토글? : 있으면 삭제 없으면 추가하는 기능.

3. 클래스로 DOM 오브젝트 선택하는 방법

- 클래스로 선택하는 방법은 셀렉터 부분에 $(".클래스이름")을 사용하면 된다.

클래스 선택빼기

만약 이걸 toggle말고 add 하고 remove로 구현하려고 하면 클릭시 동시발동되서 재대로 작동하지 않는걸 목격함.

토글 클래스 메소드 사용 권장.

그리고 this 키워드가 얼마나 스마트한지도 알려줌. 클릭이 발생한 div를 자동으로 타겟팅해줌.

클래스 더하고 빼기 선택해제 예제.zip