jQuery append/appendTo 和 IE6答案

【问题标题】：jQuery append/appendTo and IE6jQuery append/appendTo 和 IE6
【发布时间】：2011-01-04 18:32:42
【问题描述】：

嗯... 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。但我有点困惑......这两者有什么区别？（append vs appendTo，我猜……）

提前致谢！

【问题讨论】：

【解决方案1】：

append 和appendTo 之间的区别在于排序问题。以下两行相同：

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

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

【讨论】：