如何获取隐藏元素的宽度

直接上代码：

<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来获得。