如何应用！重要的使用.css()？

Question

如何应用！重要的使用.css()？我在运用一种风格上有困难!important..我试过：$("#elem").css("width", "100px !important");这确实是没什么不应用任何宽度样式。是否有一种jquery-ish的方法可以在不需要覆盖的情况下应用这样的样式？cssText(这意味着我需要先解析它，等等)？编辑：我应该补充一下，我有一个带有!important样式，我试图用!important样式内联，所以使用.width()而且这种方法不起作用，因为它被我的外部程序覆盖了。!important风格。另外，将覆盖前一个值的值。计算，所以我不能简单地创建另一个外部样式。

Answer 1

这个问题是由jQuery不理解!important属性，因此无法应用规则。

您可能会解决这个问题，并通过引用它来应用规则。addClass():

.importantRule { width: 100px !important; }$('#elem').addClass('importantRule');

或者通过使用attr():

$('#elem').attr('style', 'width: 100px !important');

但是，后一种方法将取消以前设置的任何内联样式规则。所以小心使用。

当然，有一个很好的论点：@NickCraver的方法更容易/更明智。

以上这些，attr()方法略有修改，以保留原始style字符串/属性：

$('#elem').attr('style', function(i,s) { return s + 'width: 100px !important;' })

Answer 2

您可以直接使用.width()就像这样：

$("#elem").width(100);

更新以征求意见：您也有此选项，但它将替换元素上的所有CSS，因此不确定它是否更可行：

$('#elem').css('cssText', 'width: 100px !important');

Answer 3

var elem = $("#elem");elem[0].style.removeAttribute('width');elem[0].style.setProperty('width', '100px', 'important');