第1回 セレクタ編：連載：jQuery逆引きリファレンス（23/25 ページ）

[山田祥寛（http://www.wings.msn.to/），著]

連載目次

　属性フィルタは、[filter][filter]……のように複数を連続して記述することもできます。この場合、すべての属性フィルタに合致する要素だけが取り出されます。

　以下のサンプルでは、href属性が「http://〜」で始まり、かつ、target属性を持つ<a>タグの背景色を設定します。

<script type="text/javascript">

$(function() {
  $('a[href^="http://"][target]').css('background-color', 'Aqua');
});

</script>

……中略……
◆
◆br
<ul>
  <li><a href="http://www.atmarkit.co.jp/fdotnet/"&

gt;Insider.NET</a></li>
  <li><a href="jquery.html">jQuery関連リンク集</a></li>
  <li><a href="http://www.web-deli.com/" target="_blank">WebDeli</a></li>
  <li><a href="aspnet.html">ASP.NET関連リンク集</a></li>
  <li><a href="http://www.wings.msn.to/" target="_blank">
    サーバサイド技術の学び舎 - WINGS</a></li>
</ul>

リスト025 複数の属性フィルタを組み合わせる（MultiAttr.html）
このHTMLを実際にブラウザで開く

ブラウザで開く

リスト025の実行結果