jQuery隐藏元素，同时在页面布局中保留其空间

如何解决jQuery隐藏元素，同时在页面布局中保留其空间

| 有没有一种方法可以在jQuery中隐藏元​​素，但是在隐藏元素时不更改DOM？我正在隐藏某个元素，但是当它被隐藏时，它下面的元素会向上移动。我不希望那样发生。我希望空间保持不变，但是元素可以随意显示/隐藏。 我可以这样做吗？     

解决方法

        代替

hide()

，使用：

css(\'visibility\',\'hidden\')

hide()

将

display

样式设置为

none

，这会从文档流中完全删除该元素并使其不占用空间。

visibility:hidden

保持原样。     ,        尝试将

visibility

设置为

hidden

：

$(\"#id\").css(\"visibility\",\"hidden\");

    ,        

display: none;

会将其从内容流中删除，因此您将看到您的其他内容移到了留下的空白处。 （

display: block;

将其重新带入流程，将所有内容推开。）

visibility: hidden;

会将其保留在内容流中，占用空间，而只是使其不可见。 （

visibility: visible;

会再次显示出来。） 如果您希望内容流保持不变，则需要使用ѭ6。     ,        在另一个答案中，请注意，jQuery的

fadeTo

不会在完成时设置

display:none

，因此在此处也可能提供解决方案，而不是例如使用

fadeOut

： jQuery，在不干扰页面其余部分的情况下隐藏div     ,        在看到used18ѭ俩之前，我以前曾使用

opacity: 0

。 但是在很多情况下，

opacity: 0

是有问题的，因为即使您看不到它，它也可以与该元素进行交互！ （如DeadPassive所指出。） 通常，这不是您想要的。但是也许偶尔你会呢？