用 jquery 显示隐藏的对象

Question

我们有一个隐藏的功能区，我想更改 .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"});

Answer 1

您可以删除隐藏的 class :

$(".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>

Answer 2

您可以使用 show 来恢复显示，但您也需要编辑可见性（同时从 css 中删除 important）：

$(".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>

用 jquery 显示隐藏的对象

Show hidden object with jquery

css

jquery

hidden

show