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 қўшинг ва ушбу абзацлар ва сарлавҳаларни
қизил рангга боянг.