jQuery event-handlers [duplicate]

Question

I have been searching around without finding an satisfying answer. What is the difference between the 2 following event-handlers.

$('#div').on('click', function(){
    //do something
});

and

$('#div').click(function(){
    //do something
});

I know that in the $('#div').on('click', function(), you can send in more div or class-selectors in addition to 'click', but is that it?

I'd love to hear what else separates them, and if there are times where one is better to use than the other.

Thanks

click() is the shorthand for on('click'). That's it (in your use-case). — dsgriffin, Commented Jul 7, 2013 at 15:02
There are no differences. Here is another post identical: stackoverflow.com/questions/9122078/… — Christian Duvall, Commented Jul 7, 2013 at 15:04
@Zenith Btw, yesterday you answered one of my other post - turned out you were right- the fiddle you provided me did work :) but you deleted your answer or something? Anyway - thanks! — Nilzone-, Commented Jul 7, 2013 at 15:09
@PhilippM No. .bind have been deprecated in favor for .on. — mekwall, Commented Jul 7, 2013 at 15:11
@PhilippM: The click documentation was updated to "This method is a shortcut for .on('click', handler)" — Felix Kling, Commented Jul 7, 2013 at 15:12

mekwall · Accepted Answer · 2013-07-07 15:10:43Z

0

.on() can be used to bind event to elements that is not present at the page load, but may appear later. There are other benefits also.

mekwall

28.9k6 gold badges76 silver badges77 bronze badges

answered Jul 7, 2013 at 15:08

Devjit

3751 silver badge10 bronze badges

Add a comment |

1 Answer 1