Как работает метод wrapInner() в JQuery?

Не понимаю как работает этот метод, он оборачивает элементы на которых вызван или которые передавать в метод? Буду благодарен детальному примеру с разбором нюансов данного метода!)

Тут всё не так сложно как кажется, этот метод оборачивает внутреннее содержание выбранных элементов, есть два варианта его работы, первый это когда мы вызываем данный метод и сразу передаем элемент который следует обернуть, или же можно передать функцию результат работы которой будет обернут, вот пример работы этого метода:

js код где первая функция оборачивает все параграфы в блок div с классом wrap-me, во второй функции мы говорим что бы элементы содержащиеся в классе wrap-me были обернуты в тег strong, то есть в первых скобках указываем в каком блоке элементы которые нужно обернуть, а во вторых во что нужно обернуть:

$(function (){
$(
'p').wrapInner('
');
});

$(function (){
$(
'.wrap-me').wrapInner('');
});

html – обычный код для примера который меняется благодаря js и css:

Строка 1
Параграф 2
Lorem ipsum dolor sit amet.

css – задаем визуальное оформление:

div {
border: solid 1px black;
padding: 10px;
}

p {
color: #4CAF50;
background-color: #3d385a;
}

Вот пример работы второго случая когда передаем функцию:

$(function (){
$(
'p').wrapInner(function(index){
if(index == 1) return '';
});
});

Второй элемент будет обернут в тег strong так как тут задано условие по индексу, второй параграф (так как индексация начинается с 0 вторым элементом будет 1) будет обернут. Не забудьте убрать предыдущие js функции.