讨论visibility和display的区别与js如何控制

今天在做页面显示处理的时候，遇到老项目中控制隐藏和显示使用的是visibility:hidden;我通过使用jquery的show方法无法使该元素显示在页面上，然后在w3school上查了一下，发现不适用。

这才发现原来如此，问题出现在了visibility:hidden上面。

然后就百度了一下，visibility和display的区别。

百度百科这样写道：

这下全明白，因为习惯使用display而忽略了visibility。

在js中要控制元素显示和隐藏就需要设置document.getElementById('id').style.visibility='hidden' 隐藏 或者document.getElementById('id').style.visibility='visible' 显示。使用jquery的话，$("#id").css("visibility","visible");显示

$("#id").css("visibility","hidden"); 隐藏。