show style with style display：none！important（jQuery）

Question

如jQuery documentation --- .show()

所述

  

注意：如果在样式中使用！important ，例如 display：none   ！important ，有必要使用覆盖样式    .css（'display'，'block！important'）如果您希望.show（）   功能正常。

但似乎无法覆盖样式并且无法显示元素。我在这里做错了吗？

jsfiddle

Answer 1

当您使用attr时，它可以正常工作。 jQueries .css()和.prop()都不起作用

在attr的小提琴中，从javascript中移除!important，您将看到CSS !important如何否决内联样式。

your fiddle

Answer 2

或者您也可以使用类（因此所有CSS都在CSS文件中，而不是由javascript直接更改）：http://jsfiddle.net/FF3mc/4/

Answer 3

$('.classname').attr("style", "display: block !important");

我们不能在这里使用.css（），因为它不支持！important。