用 jquery 显示隐藏的对象答案

【问题标题】：Show hidden object with jquery用 jquery 显示隐藏的对象
【发布时间】：2016-08-24 14:06:09
【问题描述】：

我们有一个隐藏的功能区，我想更改 .hidden css 以使其显示。我的jquery好像没有解决？

HTML

<div id="alwaysInStockRibbon" class="ribbon-wrapper-productpage hidden">
Css

CSS

.hidden {
    display: none!important;
    visibility: hidden!important;

我的 jQuery 不起作用。

$(".hidden").css({"display":"Block","visibility":"visible"});

【问题讨论】：

你有可重现的例子吗？通常使用!important 不是一件好事。

标签： jquery css show hidden

【解决方案1】：

你可以删除你的隐藏类：

$(".hidden").removeClass("hidden");

.hidden {
    display: none!important;
    visibility: hidden!important;
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="alwaysInStockRibbon" class="ribbon-wrapper-productpage hidden">
  aaaaaaaaaa
</div>

【讨论】：

【解决方案2】：

您可以使用 show 重新显示，但您也需要编辑可见性（也从 css 中删除重要）：

$(".hidden").show().css("visibility","visible");

.hidden {
    display: none;
    visibility: hidden;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="alwaysInStockRibbon" class="ribbon-wrapper-productpage hidden">Hello world!</div>

【讨论】：