Adición de elementos al conjunto actual en jQuery

A veces hay situaciones en las que ya tenemos un conjunto de métodos, hemos realizado algunas operaciones con él y ahora nos gustaría añadir más elementos a este conjunto y realizar algunas operaciones más con este conjunto general. Esto se hace usando el método add.

Tomemos, por ejemplo, el siguiente código HTML:

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>

Encontremos todos los párrafos, añadamos al final el texto '!', luego añadamos a los párrafos encontrados los encabezados h2, y solo aquellos que están dentro del elemento #test, y simultáneamente establezcamos el color rojo para los encabezados y párrafos seleccionados:

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