Question

我希望在活动时更改元素btn1（它的按钮）的CSS。只要＆＃34;故事＆＃34;我希望看起来与众不同。显示（当按下显示div时，只要显示div我希望按钮具有与普通css不同的颜色）

$(function() {
    $('#btn1').on('click', function() {
        $('#story').fadeToggle(400);
    }); 
});

Answer 1

$('#btn1').on('click', function() {
 $(this).toggleClass('active'); // add/remove a css class
 $('#story').fadeToggle(400);
});

在你的CSS添加

.active{
// styles you wish to apply
}

Answer 2

:active选择器https://developer.mozilla.org/en-US/docs/Web/CSS/:active

并查看此网站http://www.paulund.co.uk/css3-buttons-with-pseudo-classes

Answer 3

尝试.css()方法：

$('#btn1').on('click', function() {
    $(this).css({'border':'1px solid blue', 'color':'red'});
    $('#story').fadeToggle(400);
});

Working Example

Answer 4

听起来你想要这样做：

$(function() {
    $('#btn1').on('click', function() {
        $(this).css('background-color','red'); // or whatever
        $('#story').fadeToggle(400, function() { // 'complete' callback function
            $('#btn1').css('background-color','white');
        });
    }); 
});

按钮的css在激活时更改

4 个答案: