.detach() 方法：移除元素并保留在内存中

.detach() 方法 用于将当前元素从其父元素中移除，但该元素仍然保留在内存中。

示例:

<div id='parent'>
  <div id='child'>子元素</div>
</div>

$('#child').detach();

效果:

移除 #child 元素后，它不再属于 #parent 元素，但仍然保存在内存中。您可以使用 .appendTo() 等方法将该元素重新插入到 DOM 中。

区别:

.detach() 与 .remove() 的区别在于， .remove() 会将元素及其子元素从内存中删除，而 .detach() 只是将其从 DOM 中移除。

应用场景:

• 当需要暂时隐藏元素，但稍后还需要重新使用时，可以使用 .detach() 方法。
• 当需要对元素进行操作，而不想影响 DOM 结构时，可以使用 .detach() 方法。

注意:

.detach() 方法并不会删除元素本身，只是将其从 DOM 中移除。如果需要完全删除元素，可以使用 .remove() 方法。