「jQuery」カンマで複数セレクタを指定するサンプル

環境
jQuery3.6.0
Google Chrome 98.0.4758.102

書式
$(“セレクタ名1, セレクタ名2").click(function(){処理コード});
カンマで区切って複数並べてセレクタを複数指定します。

使用例

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(function() {
  $("#btnUpdate, #btnDelete").click(function(){
    alert("ボタンの名前: "+$(this).val());
  });
});し
</script>
</head>
<body>
  <p><input type="button" id="btnUpdate" value="更新"></p>
  <p><input type="button" id="btnDelete" value="削除"></p>
</body>
</html>

実行結果

「更新」ボタンを押すと、「ボタンの名前:更新」をalertで表示されます。
「削除」ボタンを押すと、「ボタンの名前:削除」をalertで表示されます。

 

jQuery

Posted by arkgame