javascript - 为什么 prepend 方法会从它实际所在的位置删除 HTML

Question

我有一个 KeyBoard 插件，我正在尝试对其进行编辑。所以为了改变插件的布局，我想让它覆盖全屏。我正处于这个过程的开始，所以我想从底部删除 HTML 代码，然后将它们粘贴到文档的 body 元素的正下方。这样，我将利用屏幕属性和位置属性。像这样

$('#vboard').css('width', screen.width);
$('#vboard').css('position', 'absolute');

等等

我做了什么

我使用了 prepend 方法，将其附加到 body 元素子元素的顶部。这是我的代码

var vbrd = $('#vboard');
/* Paste it inside the HTML directory */
$('body').prepend(vbrd);

我的预期

我所期望的是，它只会创建 body 元素的一个新节点(子节点)，并将 HTML 保留在它最初所属的 body 元素中。我使用的是 ASP.NET 网页，所以每个页面都是在

<div> <!-- Inside the body element -->
  <!--Here-->
</div>

发生了什么

事情是这样的

发生的事情是，当我试图这样做时，它被应用到 body 上。但与此同时，它从放置它的元素中删除了 HTML 节点。

这是预期的吗？因为我到处搜索，它告诉我也使用 .remove() 方法来删​​除元素。但在这个场景中不需要。

Answer 1

是的。这是预期的。

Prepend 把元素放在你告诉它放的地方，元素不能同时在两个地方。

它不会克隆它。 clone()