제이쿼리와 클래스 활용
노드 클래스 다루기
클래스추가
addClass(클래스명)
기존 클래스 명이 있을 경우 추가로 들어갑니다.
$대상.addClass(‘클래스명’)클래스삭제
removeClass()
removeClass괄호를 채우지 않았을 경우 모든 클래스가 삭제되며 괄호 안에 정확한 클래스명을 작성했을 경우 특정 클래스만 삭제되게 됩니다.
$대상.removeClass()
$대상.removeClass(‘클래스명’)클래스 존재 유무 파악
hasClass(클래스명)
hasClass의 결과 값은 항상 true, false 인 논리형 데이터가 출력됩니다.
때문에 참, 거짓에 따른 결과값을 나누어 보여주는 if 조건문과 함께 자주 사용되는 메서드입니다.
$대상.hasClass(‘클래스명’)
클래스 유무에 따른 교차 적용
toggleClass(클래스명)
클래스가 없다면 addClass가 적용되고 있다면 removeClass가 적용되면서 이벤트가 실행될때마다 교차적용됩니다. 이벤트 대상과 함께 주로 사용됩니다.
$대상.toggleClass(‘클래스명’)
Comments, Trackbacks