javascript - $.replaceWith() 和 $.remove + $.appendTo 之间的区别？

Question

当我使用这两段代码时，我遇到了不同的结果。对我来说，它们应该是等价的。有什么区别？

var mapString = '<map id="map"><area shape="poly" coords="52,21,92,21,92,196,52,196"></map>';

//  First option:
$('#map').replaceWith(mapString);

//  Second option:
var mapParent = $('#map').parent();
$('#map').remove();
$(mapString ).appendTo(mapParent);

第一个选项用表示为字符串的新 map 元素替换现有 map DOM 元素。第二个选项删除现有的 map DOM 元素，然后附加一个新的 map 元素。

这些不应该是一样的吗...？调用 replaceWith 时，我的 map 区域似乎没有刷新。

编辑:第一个不会导致浏览器重绘第二个吗？

Answer 1

结果不一样，因为:

• replaceWith():被替换的元素将在同一位置(例如其父元素的第二个子元素)
• appentTo():附加元素将是其父元素的最后一个子元素!