jQuery-də elementlərin yaradılması və qablaşdırılması

Teqi ilə qablaşdırmazdan əvvəl sənəddə elementi əvvəlcədən yaratmaq olar. Aşağıda təqdim olunan abzasları '<div></div>' teqlərinə qablaşdıraq:

html<p class="www">mətn</p>
<p class="www">mətn</p>
<p class="www">mətn</p>
<p>mətn</p>

Bunun üçün document.createElement('div') vasitəsilə sənəddə elementi əvvəlcədən yaratmaq olar:

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

Yaxud:

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

Parametr kimi təkcə teqin adını deyil, həm də belə bir konstruksiyanı - '<div></div>' - ötürmək olar, bu halda effekt tamamilə eyni olacaq:

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

HTML kodu belə görünəcək:

html<div><p class="www">mətn</p></div>
<div><p class="www">mətn</p></div>
<div><p class="www">mətn</p></div>
<p>mətn</p>

İkinci üsuldan istifadə edərkən, açılan teqə (bizim halda '<div>') istənilən atributları yazmaq olar, bununla da qablaşdırma bu atributlarla birlikdə olacaq.

Gəlin abzarlarımızı zzz sinfi olan div ilə qablaşdıraq:

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

HTML kodu belə görünəcək:

html<div class="zzz"><p class="www">mətn</p></div>
<div class="zzz"><p class="www">mətn</p></div>
<div class="zzz"><p class="www">mətn</p></div>
<p>mətn</p>