jQuery對節(jié)點的操作封裝出了一系列的接口，可以接受HTML字符串、DOM 元素、元素數(shù)組、或者jQuery對象，用來插在集合中每個匹配元素的不同位置

HTML結(jié)構(gòu)：

$('.inner').after('<p>Test</p>');

$對象：

$('.container').after($('h2'));

回調(diào)函數(shù)

一個返回HTML字符串、DOM 元素、 或者 jQuery 對象的函數(shù)，插在每個匹配元素的后面。接收元素在集合中的索引位置作為參數(shù)。在函數(shù)中this指向元素集合中的當前元素：

$('p').after(function() {
  return '<div>' + this.className + '</div>';
});

看看其源碼的實現(xiàn)，內(nèi)部都掉了了一個domManip方法

append: function() {
    return this.domManip(arguments, function(elem) {
        if (this.nodeType === 1 
            || this.nodeType === 11 
            || this.nodeType === 9) {
            var target = manipulationTarget(this, elem);
            target.appendChild(elem);
        }
    });
},
prepend: function() {
    return this.domManip(arguments, function(elem) {
        if (this.nodeType === 1 
            || this.nodeType === 11 
            || this.nodeType === 9) {
            var target = manipulationTarget(this, elem);
            target.insertBefore(elem, target.firstChild);
        }
    });
},

.domManip()是jQuery DOM操作的核心函數(shù)。dom即Dom元素，Manip是Manipulate的縮寫，連在一起就是Dom操作的意思。

對封裝的節(jié)點操作做了參數(shù)上的校正支持，與對應處理的調(diào)用：append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。

為什么需要用這個domManip函數(shù)呢？

我們知道節(jié)點操作瀏覽器提供的接口無非就是那么幾個：

appendChild()

通過把一個節(jié)點增加到當前節(jié)點的childNodes[]組，給文檔樹增加節(jié)點：

cloneNode()

復制當前節(jié)點，或者復制當前節(jié)點以及它的所有子孫節(jié)點：

hasChildNodes()

如果當前節(jié)點擁有子節(jié)點，則將返回true：

insertBefore()

給文檔樹插入一個節(jié)點，位置在當前節(jié)點的指定子節(jié)點之前。如果該節(jié)點已經(jīng)存在，則刪除之再插入到它的位置：

removeChild()

從文檔樹中刪除并返回指定的子節(jié)點：

replaceChild()

從文檔樹中刪除并返回指定的子節(jié)點，用另一個節(jié)點替換它。

以上接口都有一個特性，傳入的是一個節(jié)點元素。如果我們傳遞不是一個dom節(jié)點元素，如果是一個字符串，一個函數(shù)或者其他呢？

所以針對所有接口的操作，jQuery會抽象出一種參數(shù)的處理方案，也就是domManip存在的意義了，針對很多類似接口的參數(shù)抽象jQuery內(nèi)部有很多這樣的函數(shù)了，如之前屬性操作中的jQuery.access。