replaceWith()

用提供的內(nèi)容替換集合中所有匹配的元素并且返回被刪除元素的集合。

.replaceWith()可以從DOM中移除內(nèi)容，然后在這個地方插入新的內(nèi)容。

通過調用replaceChild處理即可，但是這里需要注意的問題，就是事件的處理，因為節(jié)點的變更所以涉及到要移除這個節(jié)點的數(shù)據(jù)cleanData方法。

replaceWith: function() {
    var arg = arguments[0];
    this.domManip(arguments, function(elem) {
        arg = this.parentNode;
        jQuery.cleanData(getAll(this));
        if (arg) {
            arg.replaceChild(elem, this);
        }
    });
    return arg && (arg.length || arg.nodeType) ? this : this.remove();
}

.replaceWith()方法，和大部分其他jQuery方法一樣，返回jQuery對象，所以可以和其他方法鏈接使用，但是需要注意的是：對于該方法而言，該對象指向已經(jīng)從 DOM 中被移除的對象，而不是指向替換用的對象。

刪除目標節(jié)點

jQuery( this ).remove();

然后再插入一個新節(jié)點

parent.insertBefore( elem, next );

將匹配元素集合從DOM中刪除要涉及到empty，remove，detach方法。