无需考虑@AramKocharyan的答案的复杂性，也无需动态插入任何样式标签。

只需覆盖样式，但不必解析任何内容，为什么要这样做？

// Accepts the hyphenated versions (i.e. not 'cssFloat')
function addStyle(element, property, value, important) {
    // Remove previously defined property
    if (element.style.setProperty)
        element.style.setProperty(property, '');
    else
        element.style.setAttribute(property, '');

    // Insert the new style with all the old rules
    element.setAttribute('style', element.style.cssText +
        property + ':' + value + ((important) ? ' !important' : '') + ';');
}

无法使用removeProperty（），因为它不会删除！Chrome中的重要规则。无法使用element.style[property]=''，因为它只接受Firefox中的camelCase。

您可能会用jQuery缩短这个过程，但这个普通函数将在现代浏览器、InternetExplorer8等上运行。

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，那么您可以将其id更改为其他元素，并根据您的意愿对其进行样式设置。。。

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

在CSS中：

#cheaterId { width: 100px;}

这样做：

$("#elem").get(0).style.width= "100px!important";

可以直接使用.width（）设置宽度，如下所示：

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

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

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

我想我找到了解决办法。我把它变成了一个新功能：

jQuery.style（名称、值、优先级）；

您可以使用它像.css（'name'）一样使用.style（'name`）获取值，使用.style（）获取CSSStyleDeclaration，还可以设置值，并可以将优先级指定为“重要”。看看这个。

实例

var div = $('someDiv');
console.log(div.style('color'));
div.style('color', 'red');
console.log(div.style('color'));
div.style('color', 'blue', 'important');
console.log(div.style('color'));
console.log(div.style().getPropertyPriority('color'));

示例输出：

null
red
blue
important

功能

(function($) {    
  if ($.fn.style) {
    return;
  }

  // Escape regex chars with \
  var escape = function(text) {
    return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
  };

  // For those who need them (< IE 9), add support for CSS functions
  var isStyleFuncSupported = !!CSSStyleDeclaration.prototype.getPropertyValue;
  if (!isStyleFuncSupported) {
    CSSStyleDeclaration.prototype.getPropertyValue = function(a) {
      return this.getAttribute(a);
    };
    CSSStyleDeclaration.prototype.setProperty = function(styleName, value, priority) {
      this.setAttribute(styleName, value);
      var priority = typeof priority != 'undefined' ? priority : '';
      if (priority != '') {
        // Add priority manually
        var rule = new RegExp(escape(styleName) + '\\s*:\\s*' + escape(value) +
            '(\\s*;)?', 'gmi');
        this.cssText =
            this.cssText.replace(rule, styleName + ': ' + value + ' !' + priority + ';');
      }
    };
    CSSStyleDeclaration.prototype.removeProperty = function(a) {
      return this.removeAttribute(a);
    };
    CSSStyleDeclaration.prototype.getPropertyPriority = function(styleName) {
      var rule = new RegExp(escape(styleName) + '\\s*:\\s*[^\\s]*\\s*!important(\\s*;)?',
          'gmi');
      return rule.test(this.cssText) ? 'important' : '';
    }
  }

  // The style function
  $.fn.style = function(styleName, value, priority) {
    // DOM node
    var node = this.get(0);
    // Ensure we have a DOM node
    if (typeof node == 'undefined') {
      return this;
    }
    // CSSStyleDeclaration
    var style = this.get(0).style;
    // Getter/Setter
    if (typeof styleName != 'undefined') {
      if (typeof value != 'undefined') {
        // Set style property
        priority = typeof priority != 'undefined' ? priority : '';
        style.setProperty(styleName, value, priority);
        return this;
      } else {
        // Get style property
        return style.getPropertyValue(styleName);
      }
    } else {
      // Get CSSStyleDeclaration
      return style;
    }
  };
})(jQuery);

有关如何读取和设置CSS值的示例，请参阅本文。我的问题是我已经设定好了！我的CSS中的宽度对于避免与其他主题CSS冲突很重要，但我在jQuery中对宽度所做的任何更改都不会受到影响，因为它们将被添加到style属性中。

兼容性

对于使用setProperty函数设置优先级，本文表示支持IE9+和所有其他浏览器。我尝试过IE 8，但它失败了，这就是为什么我在功能中构建了对它的支持（见上文）。它可以在所有其他使用setProperty的浏览器上工作，但它需要我的自定义代码才能在<IE9中工作。