javascript - jQuery 条件添加和删除 CSS 属性

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 类。如果不出意外，这应该会让您指明正确的方向。