Javascript 为什么jQuery显示/隐藏使用display:none而不是visibility:hidden？

display:none

表示元素不作为DOM的一部分呈现，因此在display属性更改为其他属性之前不会加载元素

可见性：隐藏

加载元素，但不显示它

---

为什么jQuery对其显示/隐藏功能使用

display:none

，而不是在

visibility:hidden

和

visibility:visible

之间切换？

visibility:hidden使元素不可见，但仍使用页面上的空间。显示：无使元素没有空间并完全消失，而它仍然存在于DOM中。

可见性只是使元素不可见，但仍会占用屏幕上的空间。

可见性：隐藏使元素不可见，但不会将其从页面布局中删除。它会在元素所在的位置留下一个空框

display:none

将其从布局中删除，这样它就不会占用页面上的任何空间，这通常是人们在隐藏某些内容时所需要的。

因为在

display:none

中，元素在任何情况下都不再存在——它不会占用任何空间。 但是，在

visibility:hidden

中，就好像您刚刚向元素添加了

opacity:0

——它占用了相同的空间量，但实际上是不可见的

---

jQuery的创建者可能认为前者更适合

.hide（）

可见性：hidden

只是使元素不可见，但它是在DOM中加载的，因此会占用加载时间。但是

Display:none

不会加载元素

但在某些情况下，可见性确实非常有用。。就像你想保持你的布局一致。。。用户界面在隐藏时不会收缩/show@RyanErb你是否真的试图阅读（并理解）这些问题，或者你只是在匹配关键词？因此，应该有一种在技术之间切换的方法，因为有时需要让对象占据所需的空间来执行计算！