jQuery event-handlers

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, Jul 07 '13 at 15:02
There are no differences. Here is another post identical: http://stackoverflow.com/questions/9122078/difference-between-onclick-vs-click — Christian Duvall, Jul 07 '13 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-, Jul 07 '13 at 15:09
Isn't `click()` a shorthand for `.bind('click')` which is quite different than `.on('click')`? — Philipp M, Jul 07 '13 at 15:11
@PhilippM No. `.bind` have been deprecated in favor for `.on`. — mekwall, Jul 07 '13 at 15:11
@PhilippM: The `click` documentation was updated to *"This method is a shortcut for `.on('click', handler)`"* — Felix Kling, Jul 07 '13 at 15:12
Duplicate of this one as well: http://stackoverflow.com/q/8601482/218196. — Felix Kling, Jul 07 '13 at 15:13
@Nilzone- Don't worry - I found the other answer nicer (more flexible) so I deleted and upvoted that instead :) — dsgriffin, Jul 08 '13 at 10:34

score 0 · Accepted Answer · edited Jul 07 '13 at 15:10

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.

edited Jul 07 '13 at 15:10

mekwall

answered Jul 07 '13 at 15:08

Devjit

1 Answers1