在jQuery UI对话框中显示隐藏的html

我正在使用jQueryUI的对话框。为了很好地围绕我的内容包装窗口，我必须首先在两个空的嵌套div上加载对话框。然后，在对话框打开后，我用内容填充对话框。我在这上面花了很多时间。。。这不是这个问题的重点。请不要建议该机制的替代方案

我的问题只是我需要在网页中显示html，如下所示：

<div id="mydialog">
  <form>
    <label for="name">My name:</label>
    <input type="text" id="name" name="name"/>
  </form>
</div>

然而，我希望上面的html隐藏在网页上。所以我将css设置为display:none；。然后我做一个.append$'mydialog.children.css'display'，'block'；到对话框的内部div

---

我的问题是。。。如何从网页中删除html？通过执行jQuery追加，我不是在制作一个完整的副本吗？我遇到了性能问题，因为我有很多这样的问题。我应该执行类似$'mydialog.moveTo'innerDivOfDialog'；的操作而不是.append吗；？我是否应该执行$'mydialog'。从网页中删除；关于原始隐藏html？是否有一个jQuery方法可以执行removeFromWebpage？这里的正确机制是什么？

您可以从DOM中删除这些元素，而不是从客户端接收到的静态HTML中删除这些元素，但这实际上只是一个如何调用的问题，您只需调用即可。在将移动的项附加到所需位置之前，先分离该项

$foo.append($('#mydialog').detach()).children().css('display', 'block');

发件人：

我们还可以在页面上选择一个元素并将其插入另一个元素：

如果以这种方式选择的元素被插入其他位置，它将被移动到目标中

因此，它是被移动的，而不是被复制的

如果您仍对删除感兴趣，请参阅

$('.container').append($('h2'));