这三种方法都可用于网页上某个元素的隐藏，但三者存在区别。
hidden:在 HTML 表单中 <input type="hidden"> 标签每出现一次，一个 Hidden 对象就会被创建。
这个不可见的表单元素的value属性保存了一个要提交给Web服务器的任意字符串。如果要提交并非用户直接输入的数据，就是用这种类型的元素。
display的用法：
<body> <span style="display:none; background-color:Blue">标签管理</span> </body>
display:none使对象在网页上不可见，并且不为被隐藏的对象保留空间，该对象在网页上彻底消失。
visible的用法：
<body> <span style="visible:hidden; background-color:Blue">标签管理</span> </body>
visible:hidden 与display:none不同的是虽然使对象在网页上不可见，但该对象在网页上所占的空间没有改变。
相关推荐
主要介绍了实例详解display:none与visible:hidden的区别的相关资料,需要的朋友可以参考下
display通常可以设置为none、inline、block visibility通常可以设置为hidden、visible 当display为none，visibility为hidden时，元素都会不见。不过其还有不同之处。 display会将元素隐藏掉，并且位置不再被占据，而...
本文实例讲述了jQuery可见性过滤器：hidden和：visibility用法。...查找所有display不为none的元素，$(“tr:visible”) 例子： <tr id=onestyle><td>1</td><td>2</td></tr> <tr id=twostyle=visib
在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示，在style.display=block和style.visibility=visible的时候，元素被显示，在style.display=none和style.visibility=hidden的时候，元素...
大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。 visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，...
vilibility：hidden(隐藏)、visible(显示) style="vislbility:hidden" display：none(隐藏)、block(显示) style="display:none" 可以保存下面的代码看看效果。 具体步骤： 代码示例： < span xss=removed></span> ...
visibility属性用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示， visible表示显示， hidden表示（仅）隐藏，不可恢复。 当visibility被设置为"hidden"的时候，元素虽然被隐藏了， 1、仍然...
display:none与visible:hidden的区别 display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别: display:none —不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也...
当style.display=”block”或style.visibility=”visible”时控件或见，当style.display=”none”或style.visibility=”hidden”时控件不可见。不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时...
visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，hidden表示隐藏）。
当style.display=”block”或style.visibility=”visible”时控件或见，当style.display=”none”或style.visibility=”hidden”时控件不可见。不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时...
• 设置为 display:none • type=”hidden” 的表单元素 • Width 和 height 设置为 0 • 隐藏的父元素（同时隐藏所有子元素） 语法 $(“:visible”) $(document).ready(function() { $('#faq').find('dd').hide()...
javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 方法一： 代码如下: document.all[“panelsms”].style.visibility=”hidden”; document.all[“panelsms”].style....
可见性过滤器 可见性过滤器根据元素的可见性和不可见性来选择相应的元素。...注意：:hidden 过滤器一般是包含的内容为：CSS 样式为display:none、input 表单类型为type=”hidden”和visibility:hid
方法一： 代码如下: document.getElementById(“控件ID”).style.visibility=”hidden”; document.getElementById(“控件ID”).style.visibility=”visible”; 方法二： 代码如下: document.getElementById(“控件...
document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。 方法二： ...
- visible: 当内容过多，溢流的内容被显示在盒子的外边。 #### CSS 框类型 display 属性有很多的属性值。这里着重讲三个常见的 :block, inline, 和 inline-block。 - 块级元素的特点：