<script type="text/javascript"><!--
  $(function(){
    $("div:empty").css("backgroundColor","yellow").text("空です");
  });
//--></script>

<h1>a20.内容が空のエレメントにアクセス</h1>
<div id="header">
私が作った<span>クリップ＆バッチ</span>
</div>
<div>
<a href="img/200906281613.jpg"><img src="img/200906281613_s.gif" title="バッチ" />バッチ</a>
<a href="img/200906281611.jpg"><img src="img/200906281611_s.gif" title="クリップ" />クリップ1</a>
<a href="img/200906281616.jpg"><img src="img/200906281616_s.gif" title="クリップ" />クリップ2</a>
<a href="img/200906281618.jpg"><img src="img/200906281618_s.gif" title="クリップ" />クリップ3</a>
</div>
<div id="footer" class="note">
<span>インベーダー</span>のバッチは私がデザインしました
</div>
<p class="note">
<span>(注意)</span>クリップのキャラクターはでこぼこフレンズのメロディーヌです
</p>
<div></div>