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

HTML結構：

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

$對象：

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

回調函數

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

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

看看其源碼的實現，內部都掉了了一個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操作的核心函數。dom即Dom元素，Manip是Manipulate的縮寫，連在一起就是Dom操作的意思。

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

為什么需要用這個domManip函數呢？

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

appendChild()

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

cloneNode()

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

hasChildNodes()

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

insertBefore()

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

removeChild()

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

replaceChild()

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

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

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