메인메뉴 바로가기

HOME으로 가기


Javascript

제이쿼리 | .toggleClass()..... 다중선택 표시할때

본문

$(this).toggleClass("클래스명");

 

현재 이벤트 대상객체에 지정된 클래스를 토글모드로 적용된다.

(지정 클래스가 적용상태면 제거하고, 미적용상태면 적용) 

 

 

 

[예시]

 

//STYLE

button.on { border: 3px solid red; }

 

 

//HTML

<div id="btns">

<button>사과</button>

<button>복숭아</button>

<button>수박</button>

<button>배</button>

</div>

 

 

//SCRIPT

$("#btns > button").click(function(){

$(this).toggleClass("on");

});

 

 

 

 

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기