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

今天在做页面显示处理的时候,遇到老项目中控制隐藏和显示使用的是visibility:hidden;我通过使用jquery的show方法无法使该元素显示在页面上,然后在w3school上查了一下,发现不适用。讨论visibility和display的区别与js如何控制_第1张图片

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

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

百度百科这样写道:

讨论visibility和display的区别与js如何控制_第2张图片

讨论visibility和display的区别与js如何控制_第3张图片

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

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

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

 

 

你可能感兴趣的:(讨论visibility和display的区别与js如何控制)