要素の削除
<div id=content>の子要素をすべて削除する

$('div#content').empty();

※要素を削除するには、.empty().remove()を使用。
.remove()はフィルタによって削除する要素を指定できる。詳細は別。下の実行例は<div id="content">以外はすべて削除したのでcontentの枠だけが残っている。


実行例

コンテンツのタイトル

サブタイトル

本文1

本文2


変更前のhtml
<div id="content">
<h3>コンテンツのタイトル</h3>
<div id="menu">
	<ul>
	<li><a href="home.html">テスト用文字列1</a></li>
	</ul>
</div>
<div id="main">
<h4>サブタイトル</h4>
	<p>本文1</a>
	<p>本文2</a>
</div>
</div>

変更後のhtmlはこのようになっていることになる
<div id="content">
</div>

その逆の指定の場合は
$('li:gt(0)>a').replaceWith('<span>アクセスできません</span>');