Обгортання контенту в елементи, обгортання елементів в контент, обгортання вмісту елементів

.wrap('html') - обгортає вибрані елементи в зазначену html - конструкцію, кожен елемент окремо
.wrap('селектор') - обгортає вибрані елементи в зазначений блок, вибранний з DOM, кожен елемент окремо
.wrap(function) - обгортає вибрані елементи в зазначений блок, вибранний з DOM (або в код), кожен елемент окремо за умови зазначеній в функції
.wrapAll('html') - обгортає вибрані елементи, всі разом, в зазначену html - конструкцію. Якщо вони йдуть не під ряд, то переміщує підряд
.wrapAll('селектор') - обгортає вибрані елементи, всі разом, в блок вибраний із DOM. Якщо вони йдуть не під ряд, то переміщує підряд
.wrapInner('html') - обгортає не самі вибрані елементи, а їх вміст в html- конструкцію
.wrapInner('селектор') - обгортає не самі вибрані елементи, а їх вміст в в блок вибраний із DOM

Приклади

Oбгортає вибрані елементи в зазначену html - конструкцію, кожен елемент окремо

$('#btn').click (function(){
	 $('#pw p').wrap('<div style="border:2px solid red">Текст з wrap</div>');   
});

Oбгортає вибрані елементи в зазначений блок, вибранний з DOM, кожен елемент окремо

$('#btn1').click (function(){
	 $('#pw p').wrap('#greenBlock');   
});

Oбгортає вибрані елементи в зазначений блок, вибранний з DOM (або в код), кожен елемент окремо за умови зазначеній в функції

$('#btn2').click (function(){ 
	    $('#pw p').wrap( function(){ 
	                  if( $('#pw p:contains("№1")').length==1)
                         return "<div style='background-color:red'></div>";
                      else
                         return "";
        });
});

Oбгортає вибрані елементи, всі разом, в зазначену html - конструкцію. Якщо вони йдуть не під ряд, то переміщує підряд

$('#btn3').click (function(){
         $('#pw p').wrapAll('<div style="border:2px solid blue">Текст</div>');	  
});

Oбгортає вибрані елементи, всі разом, в блок вибраний із DOM. Якщо вони йдуть не під ряд, то переміщує підряд

$('#btn4').click (function(){
         $('#pw p').wrapAll('#yellowBlock');	  
});

Oбгортає не самі вибрані елементи, а їх вміст в html- конструкцію

$('#btn5').click (function(){
         $('#pw div').wrapInner('<div style="border:4px solid red"></div>');	  
});

Oбгортає не самі вибрані елементи, а їх вміст в в блок вибраний із DOM

$('#btn6').click (function(){
         $('#pw div').wrapInner('#redBlock');	  
});