Kozackman Lab

CSSの属性セレクター – [ 属性 ]

jQueryは、要素の属性や属性値を条件に絞り込める「属性セレクター」にも対応している。
それぞれ [...] 内に条件を記述して使う。

[ 属性 ]

特定の属性を持つ要素を選択できるセレクター。

<script type="text/javascript">
   $(function(){
      $("[id]").css("color","#9cf")
   });
</script>

<ul>
   <li id="first">テキスト1テキスト1テキスト1</li>
   <li class="second">テキスト2テキスト2テキスト2</li>
   <li id="third">テキスト3テキスト3テキスト3</li>
   <li class="fourth">テキスト4テキスト4テキスト4</li>
</ul>

id属性を持つ要素（1番目と3番目のli要素）が#9cfの色になる。

• テキスト1テキスト1テキスト1
• テキスト2テキスト2テキスト2
• テキスト3テキスト3テキスト3
• テキスト4テキスト4テキスト4

2012/08/31　12:49 AM｜ カテゴリー ： jQuery｜ コメント