Question

Jquery appendTo()函数

看书看到的。
代码1：var $options = $('#select1 option:selected');
var $remove = $options.remove();
$remove.appendTo('#select2');

代码2： var $options = $('#select1 option:selected');
$options .appendTo('#select2');
这两段代码为什么等效？我看appendTo文档，也没说自带删除啊？！

Answer 1

没太理解你说的自带删除的意思！从你的这个例子来看，这两段代码确实等效。 原理：代码1中，首先返回了一个选中的option对象，然后将该对象remove()操作，这时它返回了一个jQuery对象并存入$remove对象中，最后将$remove对象内嵌进#select2中。这里的$remove==$options代码2中，直接将选中的option对象，追加到了#select2中。大概你所谓的自带删除，是指#select1中的option项没有了的意思吧。这其实属于元素的移动。值得注意的一点是：使用remove()方法，返回的jQuery对象，与原始对象的区别在于，它们只保留了元素本身，其他的比如绑定的事件，附加的数据等都会被移除。

Answer 2

　　append或者appendTo的意思是移动DOM，而不是复制DOM
　　原理：代码1中，首先返回了一个选中的option对象，然后将该对象remove()操作，这时它返回了一个jQuery对象并存入$remove对象中，最后将$remove对象内嵌进#select2中。这里的$remove==$options代码2中，直接将选中的option对象，追加到了#select2中。大概你所谓的自带删除，是指#select1中的option项没有了的意思吧。这其实属于元素的移动。值得注意的一点是：使用remove()方法，返回的jQuery对象，与原始对象的区别在于，它们只保留了元素本身，其他的比如绑定的事件，附加的数据等都会被移除。

　　先移除DOM，再把移除的DOM移动到某处，
　　和代码2，直接移动DOM到某处，是一回事

Answer 3

append或者appendTo的意思是移动DOM，而不是复制DOM

所以说

代码1，先移除DOM，再把移除的DOM移动到某处，和代码2，直接移动DOM到某处，是一回事

希望对您有帮助~
By Billskate

追问

刚才，在别的地方看到一回答，说appendTo操作多个对象时是复制，单个时是移动。这说法靠谱么？以上代码我多选也是可以移动的。怎么算“多个”

追答

应该没有这回事情~
多个DOM一起操作也应该是移动的

Answer 4

帮你理解：
A本来在m处，现在把A从m处移动到n处，那么m处当然就没有苹果了。