Question

我当前有一个CSS边框属性（border-left：1px）和onClick，我通过下面的第一个jQuery函数删除它。如何设置它以便我的第二个功能会在第二次点击时添加属性？它应该每次点击来回切换。

$(function(){
    $('#button').click(function() {    
        $('#button-2').css('border-left','none');
    });   
    $('#button').click(function() {
        $('#button-2').css('border-left','1px');
    });
});

我现在已经包含了原始代码：www.jsfiddle.net/tonynggg/frnYf/12

Answer 1

定义一个css类会更容易：

.button { border-left: 1px; }
.buttonClicked { border-left: none; }

然后使用jQuery toggleClass

所以你的代码是：

$(function(){
    $('#button').click(function() {    
        $('#button-2').toggleClass('buttonClicked');
    });   
});

然后，当点击它时，它会关闭你的备用css类。如果不出意外，这应该让你指向正确的方向。

Answer 2

首先，创建一个具有边框的类：

.borderclass
{
   border-left:1px black solid;
}

然后，

$(function(){
$('#button').click(function() {    
    if ($('#button-2').hasClass('borderclass'))
        $('#button-2').removeClass('borderclass');
    else
        $('#button-2').addClass('borderclass');
    });   

});

jQuery条件添加和删除CSS属性

2 个答案: