jQuery에서 div를 클릭하면 클래스가 전환됩니까?

Question

기본적으로 클래스의 클릭을 대체 할 div 블록이 있습니다.

내 HTML :

<div class="lol">  
</div> 

내 jQuery 코드 :

$('.lol').toggleClass('troll'); 

이 출력 :

이

<div class="lol troll"> 
</div> 

이 어떻게 완전히 트롤과 롤 클래스 이름을 대체 할 수 있습니까?

Answer 1

는 .removeClass() 방법을 사용

$('.lol').removeClass('lol').addClass('troll'); 

Answer 2

어느 removeClass "LOL"addClass 전에 두 "트롤", 또는 그들에게 전환 :

$('.lol').toggleClass('lol').toggleClass('troll'); 

Answer 3

당신은 두 클래스를 전환 할 수 있습니다

$('.lol').toggleClass('troll').toggleClass('lol'​);​ 

그리고 너도 그걸 할 수있어. 이

$('.lol').toggleClass('troll lol');​ 

DEMO 등의 orter합니다 (alertboxes는 결과 창의 몸에 무엇이 표시) 경우

Answer 4

당신이 한 여러 클래스 이름을 대체 할 상황에있어, 당신은 할 수 있습니다 다음 ...

$(".lol").attr("class", "troll"); 

단순히 클래스 이름을 다시 씁니다. 당신은 단지 또 다른 하나 개 클래스를 대체하려면

Answer 5

, 당신은 사용할 수 있습니다

$(".lol").removeClass("lol").addClass("troll");