jQueryで複数の要素を選択する
jQueryでは、複数の要素をカンマ “、”記号で区切って選択することができます。
例えば、
$(.class1, .class2, #id1)
上記の場合、クラス名が「class1」、「class2」、idが「id1」の要素をすべて選択します。
jQueryの例
この例では、クラス名が ”
p1
“および ”
p2
“、id
“div3
“の要素は赤い枠線を動的に追加します。
<html> <head> <title>Select mutiple elements example</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> </head> <script type="text/javascript"> $(document).ready(function(){ $(".p1, .p3, #div3").css("border", "2px solid red"); }); </script> <body> <h1>Select mutiple elements example</h1> <p class="p1">P1</p> <p class="p2">P2</p> <p class="p3">P3</p> <p class="p4">P4</p> <div id="div1">DIV1</div> <div id="div2">DI2</div> <div id="div3">DI2</div> <div id="div4">DI2</div> </body> </html>