「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で表示されます。