我很难应用这样的风格！重要的我尝试过：
$("#elem").css("width", "100px !important");
这没有任何作用；不应用任何宽度样式。有没有类似jQuery的方法来应用这样的样式而不必覆盖cssText（这意味着我需要先解析它，等等）？
编辑：我应该补充一下，我有一个带有！我试图用！重要的样式内联，因此使用.width（）等不会起作用，因为它会被我的外部重写！重要的风格。
此外，将覆盖上一个值的值是计算出来的，因此我不能简单地创建另一个外部样式。
当前回答
我们可以使用setProperty或cssText来添加！对于使用JavaScript的DOM元素来说很重要。
示例1：
elem.style.setProperty ("color", "green", "important");
示例2：
elem.style.cssText='color: red !important;'
其他回答
三个工作示例
我也遇到过类似的情况，但在与.clost（）进行了很长一段时间的斗争之后，我使用了.find（）。
示例代码
// Allows contain functions to work, ignores case sensitivity
jQuery.expr[':'].contains = function(obj, index, meta, stack) {
result = false;
theList = meta[3].split("','");
var contents = (obj.textContent || obj.innerText || jQuery(obj).text() || '')
for (x=0; x<theList.length; x++) {
if (contents.toLowerCase().indexOf(theList[x].toLowerCase()) >= 0) {
return true;
}
}
return false;
};
$(document).ready(function() {
var refreshId = setInterval( function() {
$("#out:contains('foo', 'test456')").find(".inner").css('width', '50px', 'important');
}, 1000); // Rescans every 1000 ms
});
可供替代的
$('.inner').each(function () {
this.style.setProperty('height', '50px', 'important');
});
$('#out').find('.inner').css({ 'height': '50px'});
工作：http://jsfiddle.net/fx4mbp6c/
不要使用css（）函数，请尝试addClass（）函数：
<script>
$(document).ready(function() {
$("#example").addClass("exampleClass");
});
</script>
<style>
.exampleClass{
width:100% !important;
height:100% !important;
}
</style>
在头部附加样式的另一种方法：
$('head').append('<style> #elm{width:150px !important} </style>');
这将在所有CSS文件之后附加样式，因此它将比其他CSS文件具有更高的优先级，并将被应用。
可能是这样的：
隐藏物
var node = $('.selector')[0];
OR
var node = document.querySelector('.selector');
设置CSS
node.style.setProperty('width', '100px', 'important');
删除CSS
node.style.removeProperty('width');
OR
node.style.width = '';
另一种解决此问题的简单方法是添加样式属性：
$('.selector').attr('style', 'width:500px !important');
