javascript - 如何恢复到原始 CSS？

Question

我有一个内部有 span 的 div(简化)。

<div class="divDash">
    <span>XX</span>
</div>

基于下面的 CSS，span 最初是隐藏的，只有当您将鼠标悬停在 div 上时才会显示。

.divDash {height:300px;width:300px;border:1px solid gray;}
.divDash span {display:none}
.divDash:hover span {display:inline}

基于某些用户交互，我需要使用 jQuery 隐藏跨度...

$('.divDash').children('span').hide();

然后，基于其他一些用户交互，我需要恢复 span 的原始行为。如果我只是使用 $('.divDash').children('span').show(); 再次显示跨度，那么它会永久显示，而不仅仅是悬停时显示。

如何恢复原始 CSS 行为，使跨度仅在悬停时显示？

Answer 1

不使用show 和hide，而是添加/删除具有您想要的行为的特定 CSS 类。