有可能用jQuery删除内联样式吗?

jQuery插件正在应用内联样式(display:block)。我感觉很懒，想用display:none重写它。

最好的(懒惰的)方法是什么?

当前回答

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

#myelement 
{
    display: none !important;
}

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

其他回答

$("[style*=block]").hide();

将插件更改为不再应用该样式。这比随后删除样式要好得多。

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

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

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

下面是我编写的插入jQuery的inlineStyle选择器过滤器。

$("div:inlineStyle(display:block)") // will select all divs with an inline style of display: block set

在你的例子中，你可以这样使用:

$("div:inlineStyle(display:block)").hide();

$("#element").css({display: "none"});

起初，我试图删除css中的内联样式，但它不起作用，新样式如display: none将被覆盖。但在JQuery中，它是这样工作的。

推荐文章