大多数这些答案现在都过时了，IE7支持不是问题。

支持IE11+和所有现代浏览器的最佳方法是：

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

或者，如果需要，可以创建一个小型jQuery插件来实现这一点。该插件在其支持的参数中与jQuery自己的css（）方法非常匹配：

/**
 * Sets a CSS style on the selected element(s) with !important priority.
 * This supports camelCased CSS style property names and calling with an object 
 * like the jQuery `css()` method. 
 * Unlike jQuery's css() this does NOT work as a getter.
 * 
 * @param {string|Object<string, string>} name
 * @param {string|undefined} value
 */   
jQuery.fn.cssImportant = function(name, value) {
  const $this = this;
  const applyStyles = (n, v) => {
    // Convert style name from camelCase to dashed-case.
    const dashedName = n.replace(/(.)([A-Z])(.)/g, (str, m1, upper, m2) => {
      return m1 + "-" + upper.toLowerCase() + m2;
    }); 
    // Loop over each element in the selector and set the styles.
    $this.each(function(){
      this.style.setProperty(dashedName, v, 'important');
    });
  };
  // If called with the first parameter that is an object,
  // Loop over the entries in the object and apply those styles. 
  if(jQuery.isPlainObject(name)){
    for(const [n, v] of Object.entries(name)){
       applyStyles(n, v);
    }
  } else {
    // Otherwise called with style name and value.
    applyStyles(name, value);
  }
  // This is required for making jQuery plugin calls chainable.
  return $this;
};

// Call the new plugin:
$('#elem').cssImportant('height', '100px');

// Call with an object and camelCased style names:
$('#another').cssImportant({backgroundColor: 'salmon', display: 'block'});

// Call on multiple items:
$('.item, #foo, #bar').cssImportant('color', 'red');

这里是jsfiddle示例。

当“事件”时，我尝试更改菜单项的文本颜色时遇到了同样的问题。当我遇到同样的问题时，我发现的最佳方法是：

第一步：在CSS中创建一个新的类，例如：

.colorw{ color: white !important;}

最后一步：使用addClass方法应用该类，如下所示：

$('.menu-item>a').addClass('colorw');

问题已解决。

三个工作示例

我也遇到过类似的情况，但在与.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/

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

注：使用Chrome可能会返回错误，例如：

elem[0].style.removeAttribute不是函数

更改行以使用.removeProperty函数，如elem[0].style.removeProperty（'width'）；解决了这个问题。

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

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

在头部附加样式的另一种方法：

$('head').append('<style> #elm{width:150px !important} </style>');

这将在所有CSS文件之后附加样式，因此它将比其他CSS文件具有更高的优先级，并将被应用。