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