jQuery追加/ appendTo和IE6

Question

嗯...... IE6是一个糟糕的，糟糕的错误 - 是的，但是，这让我今天疯了。

var friendMail = $('.friend-email').html();
$('.friend-mails').children('.right, .left').append(friendMail);

以上代码在IE7,8 / FF / Safari / Chrome中完美无缺，但IE6失败了。但是，当我创建fiddle out of it here时，它也适用于IE6。有点奇怪的小虫，小提琴作品，我的网站没有。

然后有一个有趣的部分......

$('.friend-email .mail').clone().appendTo('.friend-mails .left');

此代码适用于上述所有浏览器+ IE6。但我有点困惑......这两者有什么区别？ （追加vs appendTo，我猜......）

提前致谢！

Answer 1

append和appendTo之间的差异是有序的问题。以下两行是相同的：

$('.friend-email .mail').clone().appendTo('.friend-mails .left');
$('.friend-mails .left').append($('.friend-email .mail').clone());

然而，两个示例之间的真正的区别在于，第一个将HTML作为文本检索，并从该文本中创建新元素，而第二个版本使用DOM方法克隆现有DOM元素，更可靠（通常更快）。