jQuery onclick切换类名

前端之家收集整理的这篇文章主要介绍了jQuery onclick切换类名前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用jQuery,如何将classA转换为classB,点击进入:
<a class="switch" href="#">Switch</a>
<div class="classA"></div>


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

如何切换课程,而不是像我在做这样的替换?

解决方法

jQuery有一个 toggleClass功能
<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相关文章