Search jQuery

jQuery Forum

Using jQuery

bclayshan..

Which type of click handler is preferred?

in Using jQuery • 7 years ago

Using ".click()" and ".on("click") seem to accomplish the same thing:

$('#btnStraightforward').click(function() {
alert('you mashed the straightforward button');
});
$( "#btnOn" ).on( "click", function() {
alert('you mashed the on click button');
});

...so is there any preference for one over the other? That is, if you're only responding to one event (usch as "click", above)?

Replies(2)

watusiware

Re: Which type of click handler is preferred?

7 years ago

They do exactly the same thing. .click() calls .on(), and thus incurs a very, very tiny bit of extra overhead.

Whatever floats your boat.

mattyhead

Re: Which type of click handler is preferred?

7 years ago

The reason for using .on('click',...) is to bind to a single element and refer to many, and to wire in elements that don't exist yet. As in:
$(document).on('click','a',function (){
console.log('Look at me, I can handle all the anchor clicks...This code is bound to only one element, instead of every anchor,and any new anchors will be instantiated with this code acting onthem withno extra work...');
});

Top Reply

Response title

Attachments

jQuery Forum

Which type of click handler is preferred?

Replies(2)

Re: Which type of click handler is preferred?

Re: Which type of click handler is preferred?

Statistics

Tags

Actions

Related Posts