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:

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

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

Encuentra todos los párrafos p con la clase www, establece al principio el texto '!', y al final el texto '!!', luego añade a estos párrafos también los encabezados h2 y colorea estos párrafos y encabezados en color rojo.