Question

我有2个名为Button1和Button2的html按钮。

这两个按钮使用jquery执行相同的操作。

现在我在两个buttons.thats的点击事件中写了相同的jquery，如下所示

 $('#Button1').click(function () {
 xyz //some jquery
  })



 $('#Button2').click(function () {
 xyz //some jquery
  })

两个jquery都是一样的。我能抓住两者的点击事件吗？单功能按钮？

Answer 1

您可以使用multiple selector：

$('#Button1, #Button2').click(function() {
    // You can use `this` to refer to the source element, for instance:
    $(this).css("color", "red");
});

Answer 2

我会在按钮上使用一个类：

$('.className').click(function() {
    var item = $(this); // item that triggered the event

});

Answer 3

声明一个函数并将其用作参数。例如：

function handleClick() {
    // Do something..
}

$('#Button1').click(handleClick);
$('#Button2').click(handleClick);

希望这会有所帮助。

使用jquery访问两个按钮的单击事件

3 个答案: