如何在不使用jQuery的情况下保持Html元素hide(）并使用jQuery.show(）显示

How can I keep Html element hide() without using jQuery and show using jQuery.show()?

本文关键字：jQuery hide 元素 显示 show Html 情况下      更新时间：2023-09-26

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

是的。 jQuery或浏览器渲染引擎对此有问题。如果你不使用任何动画，你可以很好地定义一个类：

.hidden {display: none;}

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

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

现在，这在执行时隐藏了 DOM，删除了 CSS 类，然后淡入！

使用以下代码：

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

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

要么你不等到DOM准备好了......将代码封装在$(function() { })中;

否则style="display:none"

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

为了解决这个问题，向元素添加一个类。 .hide { display : none }

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

相关文章：