<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 

<title>时间格式化</title>

<script type="text/javascript" src="jquery-1.8.3.js">
</script>
<script type="text/javascript">
       $(function(){
            $("#btn").click(function(){
               $("#div2").hide();
            });
            
       });
</script>

<style type="text/css">
     div {
           border:solid;
           width: 200px;
           height: 200px;
           background-color: red;
        }
</style>

</head>
<body>
   
     <div id="div1"></div>
     <div id="div2"></div>
   <input type="button" id="btn" value="hidden" />   

</body>
</html>


5. display=none与visibility=hidden有什么区别？？？？？

结论一：样式“display:none”会完全隐藏元素，不再占据页面空间！

式“visibility:hidden”仅仅是隐藏了元素的显示效果，但是仍然占据页面空间！