在html中我们经常需要把某些元素隐藏起来，有时候我们需要临时隐藏页面，让其他元素显示，来完成操作。有时候有些信息我们需要传给js，但是又不想给用户看，所以也会隐藏起来。
在html中有这两个方法都可以隐藏元素：display和visibility
直接上代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
<head>
<script>
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
}
</script>
</head>
<body>
<div style="cursor:hand" onclick="isHidden('div1')（点击这里查看隐藏内容）</div>
<div id="div1" style="display:none"> 这个就是隐藏内容 </div>
</body>
这里面display == 'none'可以改成visibility: hidden，如果使用visibility需要显示时，使用visibility: visible
第一种display的方法是隐藏的更彻底一点。也就是说隐藏之后的元素在页面上不占空间了。排版的元素会依次移动把之前元素所占空间全部用掉。第二种visibility就仅仅是不可见了。但是页面上所占的位置还是它自己的，不会被其他元素所用掉。
这两种方法都可以被JQuery选择器所选择。
e.g. 这是 display 的隐藏形式
