<script type="text/javascript"><!--
  $(function(){
    $("a[target$='Page']").css("backgroundColor","yellow");
  });
//--></script>

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