Илова кардани элементҳо ба маҷмӯи ҷории 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-ро низ илова кунед ва ин абзацҳо ва сарплашҳоро
ба ранги сурх ранг кунед.
