$(此).css不更改css值

Question

我有这个密码

$('#downvotebutton').click(function() {
    $(this).css('background-color', 'red !important');
    console.log('foo');
    //more

当按下按钮时，'foo‘会返回到控制台，但是背景色不会改变。jQuery链接到页面的其他地方，并在其他地方工作。可能是什么原因？

Answer 1

你真的需要!important吗？以下将起作用：

$(this).css('background-color', 'red');

或者如果你需要!important

$(this).css("cssText", "background-color: red !important;");

Answer 2

不能使用!important语句使用jQuery css()方法。

你可以用：

$(this).attr('style', function(_, rules) { 
     var newval = rules?rules:"";return newval + ';background-color: red !important;' 
});

Answer 3

您可以使用attr()，因为css()不能设置!important属性：

$('#downvotebutton').click(function() {
    $(this).attr('style', 'background-color: red !important');
    console.log('foo');
});

小提琴演示