javascript - 如何在不使用 jQuery 的情况下保留 Html 元素 hide() 并使用 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 类，然后淡入！

Answer 2

看起来在这种情况下可能有2个问题..

要么你不等到DOM准备好..把你的代码装进去$(function() { })；

别的style="display:none"

优先，您的 div 将永远不会被看到。

为了应对这种情况，请向元素添加一个类。 .hide { display : none }

然后$(selector).show()应该完成工作。

Answer 3

使用以下代码：

$("element_Selector").css("display","block");