• 목록

• 페이스북 공유
• 트위터 공유

$(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");​

});