Эҷод ва печонидани элементҳо дар jQuery

Пеш аз печонидан бо тег, метавон элементро пешакӣ дар ҳуҷҷат эҷод кард. Биёед абзасҳои зерро дар тегҳои '<div></div>' печонем:

html<p class="www">матн</p>
<p class="www">матн</p>
<p class="www">матн</p>
<p>матн</p>

Барои ин, метавон пешакӣ элементро дар ҳуҷҷат бо ёрии document.createElement('div') эҷод кард:

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

Ё ин ки:

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

Параметрро на танҳо номи тег, балки чунин сохторро низ дода метавонад - '<div></div>' - дар ин ҳолат таъсир комилан ҳамон хоҳад буд:

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

HTML код ба тариқи зерин намудор мешавад:

html<div><p class="www">матн</p></div>
<div><p class="www">матн</p></div>
<div><p class="www">матн</p></div>
<p>матн</p>

Ҳангоми истифодаи усули дуюм, ба теги кушанда (дар ҳолати мо '<div>') метавон ҳар гуна сифатҳоро навишт, дар ин ҳолат печонидан бо ҳамин сифатҳо хоҳад буд.

Биёед абзасҳои моро бо див ва синфи zzz печонем:

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

HTML код ба тариқи зерин намудор мешавад:

html<div class="zzz"><p class="www">матн</p></div>
<div class="zzz"><p class="www">матн</p></div>
<div class="zzz"><p class="www">матн</p></div>
<p>матн</p>