如何用jquery覆盖这个css行为？

我有以下html：

 <div class="card">
 <span class="cardDropdown">
    <img class="cardDownArrow" src="/Icons/arrow_down_white.png"/> 
 </span>
</div>

在某种情况下，在ajax调用期间，我希望显示此图像，即使我没有在卡上悬停。我怎样才能覆盖这个

 visibility: hidden;

---

仅在这组特定的jquery代码中进行设置，并在ajax调用结束后使其恢复正常？

只是为了避免过度复杂，在需要时添加或删除cardDropdown类：

$('.card > span').addClass('cardDropdown');     // show
$('.card > span').removeClass('cardDropdown');  // hide

---

。。。如果您没有为cardDropdown类定义其他样式，则只需使用不同的类名。

为了避免过度复杂，请在需要时添加或删除cardDropdown类：

$('.card > span').addClass('cardDropdown');     // show
$('.card > span').removeClass('cardDropdown');  // hide

。。。如果您没有为cardDropdown类定义其他样式，则只需使用不同的类名。

您可以设置cardImage.style.visibility='visible'；假设cardImage是对相关DOM元素的引用。这将覆盖样式表中的CSS集

然后设置cardImage.style.visibility=；让样式表再次生效。

您可以设置cardImage.style.visibility='visible'；假设cardImage是对相关DOM元素的引用。这将覆盖样式表中的CSS集

---

然后设置cardImage.style.visibility=；让样式表再次生效。

在CSS中添加一个新规则，该规则将覆盖其他规则，因为它位于后面并具有适当的特殊性：

/* default value is hidden */
.card .cardDropdown 
{
    visibility: hidden;
}

/* show on hover */
.card:hover .cardDropdown 
{
    visibility: visible;
}

/* always show the card if .cardShow class is present */
.card.cardShow .cardDropDown {
    visibility: visible;
}

然后，当您希望可见性保持时，将该.cardShow类添加到您的卡对象中，然后当您希望该类返回到动态行为时，将其删除：

// make visiblity persist regardless of hover state
$(theCard).addClass("cardShow");

及

---

在CSS中添加一个新规则，该规则将覆盖其他规则，因为它位于后面并具有适当的特殊性：

/* default value is hidden */
.card .cardDropdown 
{
    visibility: hidden;
}

/* show on hover */
.card:hover .cardDropdown 
{
    visibility: visible;
}

/* always show the card if .cardShow class is present */
.card.cardShow .cardDropDown {
    visibility: visible;
}

然后，当您希望可见性保持时，将该.cardShow类添加到您的卡对象中，然后当您希望该类返回到动态行为时，将其删除：

// make visiblity persist regardless of hover state
$(theCard).addClass("cardShow");

及

---

只需直接访问.card下拉列表并将其可见性设置为Visible即可使用jquery的add.class和remove.class。选中此链接直接访问.card下拉列表并将其可见性设置为Visible您可以使用jquery的add.class和remove.class。检查此链接