兄弟要素の追加
全ての<div>内にある見出しの直後に<p>を追加

$('div:header').after('<p></p>');
$('<p></p>').text('テスト用文字列２').insertAfter('div :header');

※兄弟要素とは、親要素を持つ別の要素。この要素の追加には、after(), before(), insertAfter(), insertBefore()を使います。違いは親要素を先に指定するか、後にするか。
after(),とinsertAfter(),は直後の位置、 before(),insertBefore()は直前の位置に要素を追加する。
この場合、最初の行div:headerはdivのヘッダー（h1,h2,h3等）のことで、.afterだから直後に('<p></p>')を入れる。
次の行の('<p></p>')にテキスト「テスト用文字列２」を
.insertAfter('div :header')はdivのh3の直後のp要素に挿入する。
つまり、まずp要素を作成して、そこにテキストを入れるという2段階になっている。


実行例

見出し１

見出し２


変更前のhtml
<div id="ex1">
	<h3>見出し１</h3>
</div>
<div id="ex2">
	<h3>見出し２</h3>
</div>

変更後のhtmlはこのようになっていることになる
<div id="ex1">
	<h3>見出し１</h3>
	<p>テスト用文字列２</p>
</div>
<div id="ex2">
	<h3>見出し２</h3>
	<p>テスト用文字列２</p>
</div>

前に追加するときは、.insertBefore　を2行目に使う。1行目の.afterはそのままでも.beforeでもいい。赤本p063に見出しh１等を追加する方法が書いてある。