Bind a function on multiple jQuery elements at once

Question

I have 3 jquery objects:

var a = $(\'.el1\');
var b = $(\'.el2\');
var c = $(\'.el3\');

And I want to bind a \"change\" event to all of the

Answer 1

Use $('.el1, .el2, .el3').bind(.....

Another solution is to combine them later:

var d = a;
d.add(b);
d.add(c);

d.bind(....

And if you don't like that either, if you would call the separate binds after all, you can choose to declare a named function once, and refer to that, instead of declaring the same anonymous inline function three times.