Aggiunta di elementi al set corrente in jQuery

A volte si verificano situazioni in cui abbiamo già un set di elementi, abbiamo eseguito alcune operazioni su di esso e ora vorremmo aggiungere altri elementi a questo set ed eseguire ulteriori operazioni su questo set combinato. Questo viene fatto utilizzando il metodo add.

Prendiamo, ad esempio, il seguente codice 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>

Troviamo tutti i paragrafi, aggiungiamo alla fine il testo '!', poi aggiungiamo ai paragrafi trovati gli intestini h2, e solo quelli che si trovano all'interno dell'elemento #test, e simultaneamente per gli intestini e i paragrafi selezionati impostiamo il colore rosso:

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

Trova tutti i paragrafi p con la classe www, imposta all'inizio il testo '!', e alla fine il testo '!!', poi aggiungi a questi paragrafi anche gli intestini h2 e colora questi paragrafi e intestini in rosso.