Elementen toevoegen aan de huidige set in jQuery

Soms zijn er situaties waarin we al een set methoden hebben, er enkele bewerkingen op hebben uitgevoerd en nu nog meer elementen aan deze set zouden willen toevoegen en vervolgens nog enkele bewerkingen op deze gehele set willen uitvoeren. Dit wordt gedaan met behulp van de methode add.

Laten we bijvoorbeeld de volgende HTML-code nemen:

<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>

Laten we alle alinea's vinden, er de tekst '!' aan het einde aan toevoegen, dan de koppen h2 toevoegen aan de gevonden alinea's, en alleen die welke zich binnen het element #test bevinden, en tegelijkertijd voor de geselecteerde koppen en alinea's een rode kleur instellen:

$('p').append('!').add('#test h2').css('color', 'red');

Zoek alle alinea's p met de klasse www, voeg aan het begin de tekst '!' toe, en aan het einde de tekst '!!', voeg dan aan deze alinea's ook de koppen h2 toe en kleur deze alinea's en koppen rood.