对比： display, visibility(有代码)

目的：对比学习 display, visibility；(position 不能设置为 fixed, absolute)

 

截图：

 简介：

visibility:hidden可以让您隐藏某个元素，但它仍然需要像以前一样的空间。

该元素将被隐藏，但仍然会影响布局。---有的人死了(隐藏)，他/她却还活着(影响布局)。

display:none 隐藏元素后，不再占有页面空间，会被后面的元素填充。---走的干脆(隐藏)，不拖泥带水(放弃地盘)。

 

部分代码：

demoUtil.useDisplay = function(obj){
// obj.style.display="none";
obj.css("display", "none");
};

demoUtil.useVisibility = function(obj){
// obj.style.visibility="hidden";
obj.css("visibility", "hidden");
};

 

详细可以参考附件代码。