jQuery onclick切换类名称 [英] jQuery onclick toggle class name

问题描述

使用jQuery，如何在单击时将classA切换为classB:

Using jQuery, how do I toggle classA to classB on click going from:

<a class="switch" href="#">Switch</a>
<div class="classA"></div>


$('.switch').on('click', function(e){
    $('.classA').removeClass('classA').addClass('classB');
    e.preventDefault();
};

如何切换课程，而不是像我在这里一样替换它?

How do I toggle the class, instead of just replacing it like I'm doing here?

推荐答案

jQuery具有 toggleClass 函数:

jQuery has a toggleClass function:

<button class="switch">Click me</button>

<div class="text-block collapsed pressed">some text</div>

<script>    
    $('.switch').on('click', function(e) {
      $('.text-block').toggleClass("collapsed pressed"); //you can list several class names 
      e.preventDefault();
    });
</script>

这篇关于jQuery onclick切换类名称的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！