Kozackman Lab

グループセレクター

複数のセレクターを” ,(カンマ) “区切りで並べて指定できるのが「グループセレクター」。
それぞれのセレクターに対する命令をまとめて記述できる。

class属性が「first」の1番目のli要素と、「third」が設定された3番目のli要素が#9cfの色になる。

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

<ul>
   <li id="one">テキスト1テキスト1テキスト1</li>
   <li id="two">テキスト2テキスト2テキスト2</li>
   <li id="three">テキスト3テキスト3テキスト3</li>
   <li id="four">テキスト4テキスト4テキスト4</li>
</ul>

下記は、上記ソースコードの結果。

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

2012/08/28　2:33 AM｜ カテゴリー ： jQuery｜ コメント