关于重复点击的

1.点击一下添加class,再点击一下取消class(这种适合多选题)

$('.checkbox .select li').click(function(){
     $(this).find('span:eq(0)').toggleClass('check');
 })

2.点击一下添加class,再点击一下取消class(适合单选题)

$('.checkbox .select li').click(function(){
    $(this).find('span:eq(0)').addClass('check').siblings().removeClass('check');
 })

3.点击一个按钮,一个块出现/隐藏,再点击一次,块隐藏/出现

    $('#btn').click(function(){
      $('#divs').toggle();
    })

4反复点击,实现slideup,slidedown;

    $('#btn').click(function(){
      $('#divs').slideToggle(1000,function(){//第一个参数写秒数,第二个为回调函数
        $('#btn').css('background','yellow');
      });
    })

 

posted @ 2017-03-15 15:58  赛赛大人  阅读(237)  评论(0编辑  收藏  举报