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要素が緑色になります。 結果は次の通りです。

myID1
myID2
myCLASS

myP

myB
  • myLI




※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。