懒惰的方式(这将导致未来的设计师诅咒你的名字，并在你睡觉时谋杀你):

#myelement 
{
    display: none !important;
}

免责声明:我不提倡这种方法，但它肯定是懒惰的方式。

.removeAttr("style")来去掉整个style标签…

.attr("style")来测试值，看看是否存在内联样式…

.attr("style"，newValue)将其设置为其他值

如果你想在一个样式属性中删除一个属性——而不仅仅是将它设置为其他属性——你可以使用removeProperty()方法:

document.getElementById('element').style.removeProperty('display');

更新: 我做了一个交互式的小提琴来玩不同的方法和他们的结果。显然，set to empty string、set to faux value和removeProperty()之间没有太大区别。它们都会导致相同的回退——要么是预先给定的CSS规则，要么是浏览器的默认值。

$('div[style*=block]').removeAttr('style');

你可以使用jQuery的css方法设置样式:

$('something:visible').css('display', 'none');

你可以像这样创建一个jquery插件:

jQuery.fn.removeInlineCss = function (properties) {
  if (properties == null) return this.removeAttr('style')
  properties = properties.split(/\s+/)
  return this.each(function () {
    for (var i = 0; i < properties.length; i++)
      this.style.removeProperty(properties[i])
  })
}

使用

$(".foo").removeInlineCss(); //remove all inline styles
$(".foo").removeInlineCss("display"); //remove one inline style
$(".foo").removeInlineCss("color font-size font-weight"); //remove several inline styles