Question

我已经从Web应用程序中的引导程序2迁移到了引导程序3， “ hide” 类应用于元素，并希望使用以前的bootstrap类覆盖temp的hide类。甚至jQuery show（）方法也无法显示“隐藏”类。

如何使用jQuery的show（）方法显示“隐藏” 类？

<input type="button" class="btn btn-info btn-xs" id="test" value="Test"/>

$("#test").show(); // Not work
$(".hide").show(); // Not work

我希望jQuery的show（）方法可用于引导程序3的“隐藏”类。

Answer 1

根据bootstrap docs，hide从版本3.0.1开始被弃用。因此，最好的选择是将类隐藏更改为隐藏。如果您仍然想使用hide类，我认为@Akshay的建议应该有用。

编辑： 如果由于某种原因无法删除隐藏类，则可以在要显示隐藏类的元素上添加一个额外的类，例如取消隐藏。并且在css文件中，您可以添加代码，以便每当隐藏和取消隐藏在一起时就可以显示该元素。

要隐藏元素时，可以使用removeClass（）删除类。

$('#test').addClass('unhide'); // when you want to show the element.
$('#test').removeClass('unhide'); // when you want to hide the element.

在CSS中：

.hide.unhide { display: block !important; } /* overriding the hide class */