Access click event of two buttons using jquery

Question

I have 2 html button named Button1 and Button2.

The two button performs same operation using jquery.

now i wrote the same jquery in click event of both buttons.thats shown below

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



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

The both jquery are same. Can i catch the click event of both button in single function?

Answer 1

You can use a multiple selector:

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

Answer 2

Declare a function and use it as a parameter. For example:

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

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

Hope this helped.