直接上代码:
<div id="test1" style="display:none"></div>
<div id="test2" style="visibility:hidden"></div>
<script>
console.log($("#test1").width());
console.log($("#test2").width());
</script>
这两段输出的结果分别是 0和1400(视浏览器宽度定)
这就是display:none和visibility:hidden隐藏元素的区别。
visibility:hidden可以做到站位,就是假如你想隐藏一个元素,但是又想知道它的宽度可以使用visibility:hidden来获得。