Есть ли разница между after() и insertAfter() в JQuery?

Frontend developer JQuery
1

Разбираюсь с разными методами в JQuery, увидел два этих метода, прочитал описание, и мне показалось что они делают одно и тоже, так в чем же между ними разница? Зачем два одинаковых метода?

2

Насколько я понял разница в том что after добавляет новое содержимое после определенного селектора, а insertAfter делает то же самое только немного наоборот по структуре работы, вот пример:

$("

Hello

").insertAfter(".test2");

$(".test2").after("p");

<div class="test">


<div class="test2">

По сути они обратны друг другу, insertAfter() возвращает все вставленные элементы, а after() вернет контекст который вызывает. Кстати есть еще один нюанст, insertAfter может перемещать существующие элементы(в этом и есть разница):

$("

Hello

").insertAfter(".test2");

$(".test").insertAfter(".test2");

Написав это к прежнему html при запуске страницы будет видно в панели разработчика что блоки поменялись местами, изначально шел блок test за ним test2, а теперь наоборот.

Если интересует JQuery то на itvdn есть видео уроки по этой библиотеке:

https://itvdn.com/ru/video/jquery