我很难应用这样的风格！重要的我尝试过：
$("#elem").css("width", "100px !important");
这没有任何作用；不应用任何宽度样式。有没有类似jQuery的方法来应用这样的样式而不必覆盖cssText（这意味着我需要先解析它，等等）？
编辑：我应该补充一下，我有一个带有！我试图用！重要的样式内联，因此使用.width（）等不会起作用，因为它会被我的外部重写！重要的风格。
此外，将覆盖上一个值的值是计算出来的，因此我不能简单地创建另一个外部样式。
当前回答
David Thomas的回答描述了一种使用$（“#elem”）.attr（“style”，…）的方法，但警告称使用它将删除style属性中先前设置的样式。下面是一种使用attr（）的方法，不会出现这种问题：
var $elem = $('#elem');
$elem.attr('style', $elem.attr('style') + '; ' + 'width: 100px !important');
作为一项功能：
function addStyleAttribute($element, styleAttribute) {
$element.attr('style', $element.attr('style') + '; ' + styleAttribute);
}
addStyleAttribute($('#elem'), 'width: 100px !important');
这是一个JS Bin演示。
其他回答
我想你没有添加就尝试了！重要的
内联CSS（这是JavaScript添加样式的方式）覆盖样式表CSS。我很确定，即使样式表CSS规则有这种情况！重要的
另一个问题（可能是一个愚蠢的问题，但必须要问。）：您正在尝试的元素是否显示：block；或显示：内联块；？
不知道你在CSS方面的专业知识。。。内联元素的行为并不总是如您所期望的那样。
最安全的解决方法是添加一个类，然后在CSS中执行魔术：-），addClass（）和removeClass（）应该完成这项工作。
在头部附加样式的另一种方法：
$('head').append('<style> #elm{width:150px !important} </style>');
这将在所有CSS文件之后附加样式，因此它将比其他CSS文件具有更高的优先级，并将被应用。
我们可以使用setProperty或cssText来添加！对于使用JavaScript的DOM元素来说很重要。
示例1：
elem.style.setProperty ("color", "green", "important");
示例2：
elem.style.cssText='color: red !important;'
仅供参考，它不起作用，因为jQuery不支持它。2012年提交了一张罚单（#11173$（elem）.css（“property”，“value！important”）失败），最终被关闭为WONTFIX。
