我认为它工作正常，可以覆盖之前的任何其他CSS（this：DOM元素）：

this.setAttribute('style', 'padding:2px !important');

您可以通过两种方式实现这一点：

$("#elem").prop("style", "width: 100px !important"); // this is not supported in chrome
$("#elem").attr("style", "width: 100px !important");

此解决方案将保留所有计算的javascript，并将重要标记添加到元素中：可以这样做（例如，如果需要设置重要标记的宽度）

$('exampleDiv').css('width', '');
//This will remove the width of the item
var styles = $('exampleDiv').attr('style');
//This will contain all styles in your item
//ex: height:auto; display:block;
styles += 'width: 200px !important;'
//This will add the width to the previous styles
//ex: height:auto; display:block; width: 200px !important;
$('exampleDiv').attr('style', styles);
//This will add all previous styles to your item

如果它不那么相关，并且由于您正在处理一个元素#elem，那么您可以将其id更改为其他元素，并根据您的意愿对其进行样式设置。。。

$('#elem').attr('id', 'cheaterId');

在CSS中：

#cheaterId { width: 100px;}

另一种解决此问题的简单方法是添加样式属性：

$('.selector').attr('style', 'width:500px !important');

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演示。