jQuery: каково различие между после () и insertAfter ()

Они противоположны друг другу. Как объясняется в документации jQuery :

Это:

$("p").insertAfter("#foo");

То же самое, что и это:

$("#foo").after("p");

И, наконец, insertAfter возвращает все вставленные элементы, тогда как .after () вернет контекст, которым он является позвонил.

Пока все ответы ясны как грязь ;-) (Так что я тоже попробую!)

Если вы начнете с этого HTML:

<p id="pOne">Para 1</p>
<p id="pTwo">Para 2 <span id="sMore">More</span></p>

После того, как вставляет некоторое новое содержимое после соответствующих тегов:

$("p")                       // Match all paragraph tags
    .after("<b>Hello</b>");  // Insert some new content after the matching tags

Конечный результат:

<p id="pOne">Para 1</p><b>Hello</b>
<p id="pTwo">Para 2 <span id="sMore">More</span></p><b>Hello</b>

С другой стороны, InsertAfter перемещает один или несколько элементов которые уже существуют в DOM после выбранных элементов ( На самом деле, этот метод можно назвать MoveAfter ):

$("#sMore")                    // Find the element with id `sMore`
    .insertAfter("#pOne");     // Move it to paragraph one

Результат:

<p id="pOne">Para 1</p><span id="sMore">More</span>
<p id="pTwo">Para 2</p>

$("p").insertAfter("#foo");

==

$("#foo").after("p")

Проверьте документацию :

$("#foo").after("p")

совпадает с:

$("p").insertAfter("#foo");

after (content) Возвращает: jQuery

Вставляет содержимое после каждого из совпадающих элементов.

insertAfter (selector) Возвращает: jQuery

Вставляет все совпавшие элементы после другого , указанный, набор элементов.