jQuery的appendTo/prependTo方法是否使用clone或cloneNode实现？

嘿，这个问题问得相当精准！作为经常啃jQuery源码的人，我来给你唠唠清楚：

首先得明确一个核心点：prependTo()和appendTo()本身不会平白无故触发克隆——只有当你要把目标元素插入到多个DOM节点里时，克隆逻辑才会启动。

那具体用的是clone()还是cloneNode()？答案是：两者都用到了，但分工不同：

• 对外暴露给开发者的是jQuery封装的.clone()方法，它是一个更易用的上层API，除了克隆节点结构，还能根据参数决定是否复制元素上绑定的事件处理函数、数据等（原生cloneNode默认只克隆节点结构和内联事件）。
• 而jQuery的.clone()方法底层，最终还是调用了原生DOM的cloneNode()来完成实际的节点克隆操作。

举个实际场景的例子：假设你页面上有3个class为.container的div，执行$('.my-element').appendTo('.container')时，因为要把.my-element插入到3个容器里，jQuery会先调用自身的.clone()方法克隆出2份新的元素（加上原元素共3份），然后分别插入到每个容器中——这个过程里，.clone()内部就是靠cloneNode()来生成节点副本的。

如果只是插入到单个目标节点，那jQuery只会直接移动（如果元素已在DOM中）或添加元素，不会触发任何克隆操作。

内容的提问来源于stack exchange，提问作者SoR