JQuery Function, which method is better?

Question

Ok this might be condemned as a dumb question but I have been doing a lot of JQuery coding over the last few weeks and want to know if there is any real difference between using 'on' for just using the event it's self, e.g. click or submit.

So example, I have been do this most of the time,

 $('SECTOR-TAG-HER').on('click', function(event) {

      //DO STUFF HERE     

 });

But is it better to just do,

$('SECTOR-TAG-HER').click(function(event) {

    //DO STUFF HERE

});

I think it does not matter? But if one method is better than the other, I change to that method. Or does it not matter and is just based on the coder?

Thanks,

If you are not using `delegated` method `on` then you may use the short one. — The Alpha, May 30 '14 at 08:25
possible duplicate of [Different between on('click') and .click()?](http://stackoverflow.com/questions/11425455/different-between-onclick-and-click) — James Donnelly, May 30 '14 at 08:26

score 1 · Accepted Answer · answered May 30 '14 at 08:25

1

If you use the first approach, you can combine the

$('SECTOR-TAG-HER').on("event"

with a

$('SECTOR-TAG-HER').off("event"

so you get better control of the handlers.

answered May 30 '14 at 08:25

opalenzuela

3,139
21
41

score 1 · Answer 2 · answered May 30 '14 at 08:25

.click() is just an alias to .on('click'). None is necessarily better. I usually go with .on('click') simply to keep it uniform to know that I'm declaring an event listener.

Almost forgot. With .on('click'), you can namespace your event like ".on('click.purpledino')". Then later you can unbind by just calling the namespace '.off(".purpledino")' if you have a set of bonded events with the same namespace

JQuery Function, which method is better?

2 Answers2