Question

Is there any difference between the following: (Is there any reason to avoid example One?)

One:

$("#stuff").on("resize", function() { doThis(); });
$("#stuff").on("resize", function() { doThat(); });

Two:

$("#stuff").on("resize", function() { 
  doThis(); 
  doThat();
});

Answer 1

Straightforwardly, there’s no real difference.

In real-world code,

• You may need to attach the two handlers in different places in your code, in which case you have to use version One (or similar).
• You may want the ability to selectively detach handlers, in which case, the event can be namespaced as follows:

Attach handlers:

$("#stuff").on("resize.A", function() { doThis(); });
...
$("#stuff").on("resize.B", function() { doThat(); });

Detach one handler:

$("#stuff").off("resize.A");

The handler for resize.B remains attached (ie. doThis() will not be called but doThat() will be called) .