Criação e encapsulamento de elementos em jQuery

Antes de encapsular com uma tag, você pode criar previamente um elemento no documento. Vamos encapsular os parágrafos abaixo nas tags '<div></div>':

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Para isso, você pode criar previamente um elemento no documento usando document.createElement('div'):

javascript$('.www').wrap(document.createElement('div'));

Ou:

javascriptlet div = document.createElement("div");
$('.www').wrap(div);

O parâmetro pode passar não apenas o nome da tag, mas também uma construção como - '<div></div>' - neste caso, o efeito será absolutamente o mesmo:

javascript$('.www').wrap('<div></div>');

O código HTML ficará assim:

html<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>

Ao usar a segunda forma, na tag de abertura (no nosso caso '<div>') você pode escrever quaisquer atributos, e o encapsulamento será feito incluindo esses atributos.

Vamos encapsular nossos parágrafos em uma div com a classe zzz:

javascript$('.www').wrap('<div class="zzz"></div>');

O código HTML ficará assim:

html<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<p>text</p>