「jQuery」複数のセレクタを使用するサンプル
書式
$(セレクタ1,セレクタ2)
複数のセレクタをカンマで区切ります。
使用例
<p class="tt">6666</p>
<p class="ss">7777</p>
<p class="kk">8888</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(".tt,.ss,.kk").css("background", "green");
</script>
<p class="tt">6666</p>
<p class="ss">7777</p>
<p class="kk">8888</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(".tt,.ss,.kk").css("background", "green");
</script>
<p class="tt">6666</p>
<p class="ss">7777</p>
<p class="kk">8888</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(".tt,.ss,.kk").css("background", "green");
</script>
実行結果
1,2,3行目の背景色が緑色になります。