用另一个div替换包含数据网格的div

Question

我想用inboxcontent div替换outboxcontent div，点按btnOUtbox，然后点击btnInbox还原。 两个Div都显示带有值的数据网格。哪种方法最好？

<script type="text/javascript">
  $(document).ready(function () {
    $("#btnInbox").click(function (e) {
      $("#OutboxContent").css("visibility", "hidden");
      $("#InboxContent").css("visibility", "visible");
      $("#InboxContent").show();

      alert("replced ");
    });

    $("#btnOutbox").click(function (e) {
      $("#InboxContent").css("visibility", "hidden");
      $("#OutboxContent").css("visibility", "visible");
      $('#InboxContent').replaceWith($('#OutboxContent'));
      alert("replced ");
    });
  });
</script>

Answer 1

您可以尝试使用display属性隐藏和显示div。“display：none”将隐藏div并且不会为元素分配空间。 visibility：hidden将隐藏元素，但会为页面中的元素分配空间。