在哪种情况下最好使用.append()和.appendTo()？

Question

除语法之外,这些函数之间没有太大区别:

$('.target').append('text');
$('text').appendTo('.target');

如jQuery文档中所述:

.append()和.appendTo()方法执行相同的任务.主要区别在于语法特定,内容和目标的放置.使用.append(),方法前面的选择器表达式是插入内容的容器.另一方面,使用.appendTo(),内容在方法之前,作为选择器表达式或动态创建的标记,并且它被插入到目标容器中.

那么在哪种情况下最好使用.append()和.appendTo()？ 哪些代码样本只适合这两个函数中的一个而另一个不够好？

同样的问题适用于:

• .prepend() vs .prependTo()
• .before() vs .insertBefore ()
• .经过() VS .insertAfter() .

Answer 1

你自己也说了，没啥区别。然而，我对使用内容的选择通常取决于方法链接，前提是您已经引用了元素。

IE

var _target, _content;

_target.append(_content).addClass('foo');
// will add the foo class to _target

_content.appendTo(_target).addClass('foo');
// will add the foo class to _content