Javascript

【Javascript】jQueryのセレクタ属性フィルタ1

Javascript関連情報

更新日：2008年06月23日

jQueryのセレクタ属性フィルタ1

高橋登史朗

属性Attribute に関するセレクタです。DOM要素内の属性 (たとえば、a要素のhref属性やname属性など)をキーにして検索します。属性を利用したきめ細かな処理を極めて手軽に行えるようになります。

今回は、属性フィルタです。

jQueryライブラリ本体の入手方法と、セレクタについてのドキュメントは下記のページにあります。

Attribute Filters 属性フィルタについて

属性Attribute に関するセレクタです。DOM要素内の属性 (たとえば、a要素のhref属性やname属性など)をキーにして DOM要素を検索します。

これにより、各DOM要素ごとの属性を利用したきめ細かな処理を極めて手軽に行えるようになります。

jQueryバージョン1.2.6現在、jQueryの属性フィルタとして使えるものは次の7種類です。今回はこのうち最初の3つを紹介します。

フィルタ	機能
[attribute]	指定された属性attributeを持つ要素
[attribute=value]	指定された属性attributeが値valueを持つ要素
[attribute!=value]	指定された属性attributeが値valueを持たない要素
[attribute^=value]	指定された属性attributeが値valueで始まる要素
[attribute$=value]	指定された属性attributeが値valueで終わる要素
[attribute*=value]	指定された属性attributeの値のどこかに値valueを持つ要素
[attributeFilter1] [attributeFilter2] [attributeFilterN]	指定されたすべてのattributeFilter(属性フィルタ)にマッチする要素

次ページから順にサンプルを作って試してみましょう。

マネしたくなるアイデア住宅

住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイドの川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載！さぁ、いますぐチェック！