jQueryのセレクタ 基本(6ページ目)

selector1, selector2, selectorN 複数指定

カンマ区切りでjQueryセレクタを複数指定でき、指定されたすべてのセレクタにマッチさせます。 「,」で区切っていくつでもセレクタを増やせます。

たとえば、次のように書くと、#test要素内から、カンマで区切って列挙したすべての要素を検索し、colorを緑にします。

<div id="test">
  <div id="myID1">myID1</div>
  <div id="myID2">myID2</div>
  <div class="myCLASS">myCLASS</div>
  <p>myP</p>
  <b>myB</b>
  <li>myLI</li>
</div>

<script type="text/javascript">
  jQuery("#myID1,.myCLASS,P,LI","#test")
    .css("color","green");
</script>

つまり、#myID1と.myCLASSとP要素、LI要素が緑色になります。 結果は次の通りです。