セレクタで複数の要素を指定するには、HTML要素やID、クラス属性などをカンマ（,）でつなぎます。
jQueryで複数の要素に同じ処理を当てる例
|
1 2 3 4 5 6 7 8 9 |
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div, span").css( "background-color", "#dd0000" ); }); </script> <div>div</div> <span>span</span> |
複数のID、クラス属性に同じ処理を当てる例
|
1 2 3 4 5 6 7 8 9 10 |
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#div1, #div2, .div3").css( "background-color", "#dd0000" ); }); </script> <div id="div1">div1</div> <div id="div2">div2</div> <div class="div3">div3</div> |
コメント