Div类型=“hidden”与未隐藏的区别是什么？

Question

在我的代码中，我有一个带有type="hidden"的div标签。我只是不想显示这个div。如果需要的话，我将使用JQuery Show()来显示它。

但是使用这种方法，我的div仍然没有被隐藏。

编辑： 现在我通过使用

<div style="visibility:hidden">XYZ</div>

如果我需要再次显示它，我该怎么做？

- useranon

---

可见性是一种样式：<div style="display: none"> - VVS

Answer 1

尝试使用style而不是type

<div style="display: none;">content</div>

- cobbal

Answer 2

type="hidden" 

该标签仅用于隐藏输入文本框。

如果您想隐藏div，请使用以下代码：

style="display:none"

或者使用 JQuery 的hide()方法来隐藏你的div。

- Canavar

Answer 3

使用display: none可以防止div被显示，且不会保留布局空间。 使用visibility: hidden仅仅是隐藏它（像0％的不透明度），但必要的空间将被保留。

- instanceof me

---

这是最好的答案。 - dsdsdsdsd

Answer 4

如果DIV没有绝对定位，"display:none" 可能会破坏文档的整体结构。
你可以使用：

<div style="visibility:hidden"></div>

这将使DIV不可见。

- mortiy

---

仅供澄清：display:none会“折叠”特定元素，而visibility:hidden则隐藏它，同时在布局中保留其空间。 - Tamas Czinege

隐藏一个Div后，如果我需要在单击某个文本时显示它，我该怎么做？ - useranon

Answer 5

为该元素定义一个ID

使用JavaScript隐藏元素

document.getElementById('elementId').style.display= 'none' ;  

在JavaScript中隐藏元素

document.getElementById('elementId').style.display= 'block' ;

- Ram Thota

Answer 6

通过使用 style="display:none" ，可以隐藏 div。

- thomasbabuj

Answer 7

还有另一种方法。假设你有：

<div hidden>content</div>

在 CSS 中：

div[hidden] {
  display: none;
}

- codenamezero