javascriptのコード

<script type="text/javascript"><!--
  $(function(){
    $("h1~div").css("backgroundColor","yellow");
  });
//--></script>

htmlのコード

<h1>a09.指定したエレメント以降で兄弟となるエレメントにアクセス</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="クリップ" /></a>
<a href="img/200906281616.jpg"><img src="img/200906281616_s.gif" title="クリップ" target="newPage" /></a>
<a href="img/200906281618.jpg"><img src="img/200906281618_s.gif" title="クリップ" /></a>
</div>
<div id="footer" class="note">
<span>インベーダー</span>のバッチは私がデザインしました
</div>
<p class="note">
<span>(注意)</span>クリップのキャラクターはでこぼこフレンズのメロディーヌです
</p>