Elementtien lisääminen nykyiseen joukkoon jQueryssä

Joskus tilanteissa, joissa meillä on jo valikoima menetelmiä, olemme suorittaneet niillä mitä tahansa toimia ja nyt haluaisimme lisätä tähän valikoimaan vielä elementtejä ja suorittaa tällä yleisellä joukolla vielä joitain toimia. Tämä tehdään menetelmällä add.

Otetaan esimerkiksi seuraava HTML-koodi:

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

Etsitään kaikki kappaleet, lisätään niiden loppuun teksti '!', sitten lisätään löydettyihin kappaleisiin otsikot h2, ja vain ne, jotka sijaitsevat elementin #test sisällä, ja samanaikaisesti valituille otsikoille ja kappaleille asetetaan punainen väri:

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

Etsi kaikki kappaleet p, joilla on luokka www, aseta niiden alkuun teksti '!', ja loppuun teksti '!!', sitten lisää näihin kappaleisiin vielä otsikot h2 ja väritä nämä kappaleet ja otsikot punaiseksi.