display:none与visibility :hidden有什么不同

display:none与visibility :hidden有什么不同

　　display:none:隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间
　　
　　visibility:hidden:与display属性不同，此属性为隐藏的对象保留其占据的物理空间;
　　
　　用例子来证明一下，测试用这两种属性对一个flash对象进行隐藏设置，你就会发现，用display会将flash移除，而用visibility，flash则会继续在后台播放！
　　
　　两种方法在JQuery用法如下：
　　
　　display:
　　
　　显示：$("#id").show;
　　
　　隐藏：$("#id").hide();
　　
　　visibility:
　　
　　显示：$("#id").css("visibility',"visible");
　　
　　隐藏：$("#id")css("visibility',"hidden");