以下JavaScript的等效jQuery代码是什么，可以节省onclick事件？

Question

So in JavaScript I can do the following:

var someObj = document.getElementById("foo");
var fooClick = foo.onclick;

var someOtherObj = document.getElementById("bar");
someOtherObj.onclick = fooClick;

I'm wondering, what is the jQuery equivalent to the code above?

Thanks!

Answer 1

Is it really required that you get the event handler from another object? That doesn't seem like a great idea to me. A better way would be to define the handler, and assign it to both objects.

var clickHandler = function(e) { alert('click!'); };
$('#foo,#bar').click(clickHandler);

Answer 2

var someObj = $("#foo").get(0);
var fooClick = someObj.onclick;

$("#bar").click(fooClick);

or if you want this in one line:

$("#bar").click($("#foo").get(0).onclick);

Answer 3

Just adding to Daniel Schaffer's answer (+1'd), you can also inline your click 'handler' definition, for example:

$("#foo, #bar").click( function() {
    alert( this.id + ' was clicked.' );
} );

The behaviour should be the same, but depending on your coding style taste, you may prefer this (I do).