jquery – 第二次单击时添加addClass

前端之家收集整理的这篇文章主要介绍了jquery – 第二次单击时添加addClass前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我想到的行为:
假设你有一个方格. < div class =“square”>< / div>
在第一次单击时,添加类“one”:
$(".square").click(function(){
  addClass("one");
})

它的工作原理.

然后在第二次单击时,添加类“two”.不知道如何实现这一目标.我试过以下:

$(".square.one").click(function(){
    $(".square.one").addClass("two");
 });

$(".square").hasClass("one").click(function(){
   this.addClass("two");
})

但都不起作用.请帮忙.

解决方法

$('.square').on('click',function() {
    var $self = $(this);
    $self.hasClass('one') ? $self.removeClass('one').addClass('two') : $self.removeClass('two').addClass('one');
});
原文链接:https://www.f2er.com/jquery/241391.html

猜你在找的jQuery相关文章