ელემენტების შექმნა და შეფუთვა jQuery-ში

ტეგით შეფუთვამდე, შესაძლებელია ელემენტის წინასწარ შექმნა დოკუმენტში. მოდით, ქვემოთ წარმოდგენილი აბზაცები შევაფაროთ '<div></div>' თეგებს:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</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">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>

მეორე გზის გამოყენებისას, გახსნის თეგში (ჩვენს შემთხვევაში '<div>'-ში) შესაძლებელია ნებისმიერი ატრიბუტის დაწერა, ამ შემთხვევაში შეფუთვა მოხდება ამ ატრიბუტებთან ერთად.

მოდით, ჩვენი აბზაცები შევაფაროთ div-ს კლასით zzz:

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

HTML კოდი ასე გამოიყურება:

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>