jQuery'де учурдук топтомго элементтерди кошуу
Кээде бизде мурунтан эле методдордун топтому болуп,
анын үстүндө бир кандай операцияларды аткарып, анан
ушул топтомго дагы элементтерди кошуп, жалпы топтомдун
үстүндө дагы башка операцияларды аткаргыбыз келет.
Бул add
методунун жардамы менен жасалат.
Мисалы, төмөнкү HTML кодду алалы:
<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>
Келгиле, бардык абзацтарды таап, алардын аягына
'!' текстин кошолу, андан кийин табылган абзацтарга
h2
баштыктарын кошолу, бирок алардын ичинен
#test элементинде жаткандарды гана, жана бир эле учурда
тандалган баштыктар менен абзацтар үчүн кызыл түстү белгилейли:
$('p').append('!').add('#test h2').css('color', 'red');
p абзацтарынын бардыгын
www класстары менен табыңыз, алардын башына
'!' текстин, ал эми аягына
'!!' текстин коюңуз,
андан кийин ушул абзацтарга
h2 баштыктарын кошуп, бул абзацтар менен баштыктарды
кызыл түскө боёңуз.
