如何在不使用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

使用以下代码：

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

Answer 3

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

要等到DOM准备就绪，你才能等待。在$(function() { })内加密你的代码;

其他style="display:none"

优先考虑，你的div永远不会被看到。

要反击为元素添加一个类。 .hide { display : none }

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