如何在jQuery中包含！important

我正在尝试使用jQuery在CSS属性中添加！important

$("tabs").css('height','650px;!important');

但是！important无效。如何在jQuery中包含！important？

显然，可以在jQuery中执行此操作：

$("#tabs").css("cssText", "height: 650px !important;");

Src：http：//bugs.jquery.com/ticket/2066

我用以下方法解决了这个问题：

inputObj.css('cssText', inputObj.attr('style')+'padding-left: ' + (width + 5) + 'px !IMPORTANT;');

这样就不会丢失inline-Style，后一个会覆盖第一个

也可以添加更重要的属性：

inputObj.attr('style', 'color:black !important; background-color:#428bca !important;');

var tabsHeight = 650;

$("tabs").attr('style', 'height: '+ tabsHeight +'px !important');

要么

#CSS
.myclass{height:650px !important;}

然后

$("tabs").addClass("myclass");

如果您需要让jquery对多个项目使用！important，这就是您的方法。

例如，将img标签的最大宽度和最大高度分别设置为500px

$('img').css('cssText', "max-width: 500px !important;' + "max-height: 500px !important;');

在那些需要使用jquery设置！important属性的情况下，这是我构建的插件，您可以使用它来进行设置。

$.fn.important = function(key, value) {
    var q = Object.assign({}, this.style)
    q[key] = `${value} !important`;
    $(this).css("cssText", Object.entries(q).filter(x => x[1]).map(([k, v]) => (`${k}: ${v}`)).join(';'));
};

$('div').important('color', 'red');

例如，如果您确实需要重写其中具有！important规则的css，则在最近遇到的情况下，需要重写wordpress主题才能使用！important scss规则来破坏该主题，但是由于我正在使用webpack和（我想这是为什么-）我的CSS在转译的javascript之后出现在链中，您可以在样式表中添加一个单独的类规则，该类规则将覆盖级联中的第一个！important规则，并切换权重较大的类，而不是而不是动态调整CSS。只是一个想法。

!important使用jQuery修改CSS时不需要，因为它直接修改styleDOM中元素的属性。!important仅在样式表中需要，以禁止在较低级别覆盖特定样式规则。style直接修改是您可以达到的最低级别，因此!important没有任何意义。