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

やりたいことからコードが見つかるjQuery辞典。まずはセレクタ構文に関する「ＸＸするには？」を24本一挙公開。jQueryは.NETでも公式サポート。

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

連載目次

　属性値によって要素を特定するには、属性フィルタを利用します。利用できる属性フィルタには、以下のようなものがあります。

フィルタ	概要
[属性名]	指定された属性を持つ要素にマッチ
[属性名 = 値]	属性が指定された値に等しい要素にマッチ
[属性名 != 値]	属性が指定された値に等しくない要素にマッチ
[属性名 ^= 値]	属性値が指定された値で始まる要素にマッチ（前方一致）

[属性名

$= 値]	属性値が指定された値で終わる要素にマッチ（後方一致）
[属性名 *= 値]	属性値が指定された値を含む要素にマッチ（部分一致）
主な属性フィルタ

　以下は、href属性が「http://〜」で始まる<a>タグの背景色を設定するコードです。

<script type="text/javascript">

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

</script>

……中略……



<ul>
  <li><a href="http://www.atmarkit.co.jp/fdotnet/">I

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

リスト024 属性の値によって取得要素を絞り込む（Attribute.html）
このHTMLを実際にブラウザで開く

ブラウザで開く

リスト024の実行結果