Javascript 如何隐藏div并放置div覆盖的位置

Javascript:

$(document).ready(function () {
    $("#visualization").hide();
    $("#visualization1").hide();
});

HTML代码：

<table>
    <tr>
        <td>
            <div id="visualization" style="width: 600px; height: 400px;" ></div>
        </td>
    </tr>
    <tr>
        <td>
            <div id="visualization1" style="width: 600px; height: 400px;"></div>
        </td>
    </tr>
</table>

---

在此代码中，我可以隐藏div，但它显示div空间，并尝试将其他内容（在页面中）调整到该空间。有人可以帮助我解决此错误。

您可以使用将div的

可见性
状态设置为
隐藏
：

$("#visualization").css('visibility','hidden');

从：

$("#visualization").css('visibility','hidden');

“可见性”属性的“隐藏值”将隐藏元素，但会在元素所在的位置留下空间

您可以像这样使用
visibility:hidden

$("#visualization").css('visibility','hidden');

试一试

使用
显示：无

比如：
jQuery（'#id'）.css（“display”，“none”）

请也读一读

或

document.getElementbyId("visualization").style.display='none';

将
可见性
属性设置为
隐藏
：

 document.getElementById("visualization").style.visibility="hidden";
 document.getElementById("visualization1").style.visibility = "hidden";

JS Fiddle:
你可以试试这个

这将替换位置，但在可见性的情况下：隐藏内容将处于隐藏模式，但被占用的位置仍然是其中的空白

<script type="text/javascript">
     $(document).ready(function () {
                     $("#visualization").css('display','none');
              $("#visualization1").css('display','none');

     });

</script>


$（文档）.ready（函数（）{
$（“#可视化”）.css（'display'，'none'）；
$（“#可视化1”）.css（'display'，'none'）；
});

<script type="text/javascript">
     $(document).ready(function () {
                     $("#visualization").css('display','none');
              $("#visualization1").css('display','none');

     });

</script>