Эҷод ва печонидани элементҳо дар jQuery
Пеш аз печонидан бо тег, метавон элементро пешакӣ дар ҳуҷҷат эҷод кард. Биёед абзасҳои зерро дар тегҳои '<div></div>' печонем:
<p class="www">матн</p>
<p class="www">матн</p>
<p class="www">матн</p>
<p>матн</p>
Барои ин, метавон пешакӣ элементро дар ҳуҷҷат бо ёрии
document.createElement('div') эҷод кард:
$('.www').wrap(document.createElement('div'));
Ё ин ки:
let div = document.createElement("div");
$('.www').wrap(div);
Параметрро на танҳо номи тег, балки чунин сохторро низ дода метавонад - '<div></div>'
- дар ин ҳолат таъсир комилан ҳамон хоҳад буд:
$('.www').wrap('<div></div>');
HTML код ба тариқи зерин намудор мешавад:
<div><p class="www">матн</p></div>
<div><p class="www">матн</p></div>
<div><p class="www">матн</p></div>
<p>матн</p>
Ҳангоми истифодаи усули дуюм, ба теги кушанда (дар ҳолати мо '<div>')
метавон ҳар гуна сифатҳоро навишт, дар ин ҳолат
печонидан бо ҳамин сифатҳо хоҳад буд.
Биёед абзасҳои моро бо див ва синфи
zzz печонем:
$('.www').wrap('<div class="zzz"></div>');
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>
Ҳар як h3-ро дар div
бо синфи aaa печонед.