Что делает метод wrap() в JQuery?

Подскажите пожалуйста функционал который предоставляет данный метод, немного не усвоил, был бы благодарен объяснению на примере, скоро экзамен в универе по JQuery, нужно подучить все методы и что они делают)

Этот метод позволяет поместить определенные элементы в оболочку, то есть если есть какой то блок например, то при использовании на нем метода wrap следует указать во что следует обернуть данный блок, и этот блок будет обернут поверх еще и оболочкой указанной в wrap()

Example:

.big-red-block p{
color: black;
font-weight: 700;
background-color: red;
}
.
big-blue-block p{
color: white;
font-weight: 700;
background-color: blue;
}

.
general p{
background-color: green;
}

Нажми на блоки с текстом что бы увидеть пример:



<p id="p1">Этот блок мы обернем в красный блок
<p
id="p2">А вот этот текст будет находится в синем

По клику на кнопку блоки обернутся в еще один блок фон которого будет зеленым

click

$('#p1').click(function(){
$(
this).wrap('

');
})

$(
'#p2').click(function(){
$(
this).wrap('
');
})
$(
'button').click(function () {
$(
'#p1').wrap('
')
$(
'#p2').wrap('
')
})

Советую курс на itvdn по JQuery, вот ссылка, там очень детально разобраны все нюансы библиотеки, будет очень полезно!)