Is there a difference between .change() and .on("change")?

Question

Is there any difference between :

$('selector').change(function() {});

and

$('selector').on("change", function() {});

And if there is, which one should I use in most cases?

i think `click` work on already exits elements and `onclick` also work with dynamically generated elements — webdevanuj, Jul 13 '16 at 08:27
@AnujKhandelwal You need to pass selector parameter to `on()` method to delegate it. This is not the case here — A. Wolff, Jul 13 '16 at 08:29

score 2 · Answer 1 · edited Jul 13 '16 at 08:28

2

No difference, internally change function would use .on(...) to bind the respective event.

function (data, fn) {
    return arguments.length > 0 ? this.on(name, null, data, fn) : this.trigger(name);
}

Source

edited Jul 13 '16 at 08:28

skreborn

2,133
2
16
27

answered Jul 13 '16 at 08:26

Rajaprabhu Aravindasamy

66,513
17
101
130

RDardelet · Accepted Answer · 2016-07-13T08:39:21.957

1

The is no difference at all, they both trigger the same javascript function. You can use both in any browser that supports the addEventListener modules.

Check the list of browsers that support it: http://caniuse.com/#feat=addeventlistener

However to remove the event, you'll have to use .off( "change" ) as the jquery doc suggests

Hope it helps

edited Jul 13 '16 at 08:39

answered Jul 13 '16 at 08:28

RDardelet

564
3
11

score 1 · Answer 3 · edited Jul 13 '16 at 08:34

1

in accordance to method documentation $('selector').change( function() {}) is just a shortcut for $('selector').on("change", function() {});. indeed this is the same.

edited Jul 13 '16 at 08:34

A. Wolff

74,033
9
94
155

answered Jul 13 '16 at 08:29

ashirman

141
1
6

Is there a difference between .change() and .on("change")?

3 Answers3

Source