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

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

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

$對(duì)象：

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

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

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

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

看看其源碼的實(shí)現(xiàn)，內(nèi)部都掉了了一個(gè)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的縮寫(xiě)，連在一起就是Dom操作的意思。

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

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

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

appendChild()

通過(guò)把一個(gè)節(jié)點(diǎn)增加到當(dāng)前節(jié)點(diǎn)的childNodes[]組，給文檔樹(shù)增加節(jié)點(diǎn)：

cloneNode()

復(fù)制當(dāng)前節(jié)點(diǎn)，或者復(fù)制當(dāng)前節(jié)點(diǎn)以及它的所有子孫節(jié)點(diǎn)：

hasChildNodes()

如果當(dāng)前節(jié)點(diǎn)擁有子節(jié)點(diǎn)，則將返回true：

insertBefore()

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

removeChild()

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

replaceChild()

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

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

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