javascript - 如何在不使用 jQuery 的情况下隐藏 Html 元素并使用 jQuery.show() 显示？

Question

我想让我的 htmlelement 在页面呈现时隐藏。为此，我设置了 display:none。但是，当我使用 $.show() 时，该元素没有显示。我想使用 $.show() 本身使元素显示。请帮忙!

Answer 1

是的。 jQuery 或浏览器渲染引擎在这方面存在问题。如果您不使用任何动画，您可以很好地定义一个类:

.hidden {display: none;}

使用 jQuery，您可以通过以下方式删除该类:

$(element).hide().removeClass("hidden").fadeIn();
$(element).toggleClass("hidden");

现在，执行时会隐藏 DOM，删除 CSS 类，然后淡入!