jQuery-da hozirgi to‘plamga elementlarni qo‘shish
Ba'zan holatlar bo'ladi, bizda allaqachon
metodlar to'plami mavjud bo'ladi, biz uning ustida ba'zi operatsiyalarni
bajaramiz va endi bu to'plamga yana elementlar
qo'shishni va bu umumiy to'plam ustida yana qandaydir
amallarni bajarishni xohlaymiz.
Bunga add metodi
yordamida erishiladi.
Misol sifatida quyidagi HTML kodni olaylik:
<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>
Keling, barcha abzatslarni topaylik, ularning oxiriga matn
'!' qo'shaylik, so'ng topilgan abzatslarga
h2 sarlavhalarini
qo'shamiz, lekin faqat #test elementi ichida joylashganlarini,
va bir vaqtning o'zida tanlangan sarlavha
va abzatslar uchun qizil rang belgilaymiz:
$('p').append('!').add('#test h2').css('color', 'red');
www klassiga ega bo'lgan barcha p abzatslarini toping,
ularning boshiga '!' matnini, oxiriga esa '!!' matnini qo'ying,
so'ng bu abzatslarga h2 sarlavhalarini qo'shing va bu abzats va sarlavhalarni
qizil rangga bo'yang.