如何在多个预先声明的 jQuery 对象上绑定 jQuery 事件

Question

这是在几个 jQuery 选择器上绑定多个事件的方法：

$('#selector1,.selector2').bind('event', function (e, ui) {
   // Stuff
});

但是！如何绑定预先声明的 jQuery 对象。示例：

var jSelector1 = $('#selector1');
var jSelector2 = $('.selector2');

因为，以下内容不起作用：

jSelector1,jSelector2.bind(...);

也不起作用：

$jSelector1,$jSelector2.bind(...);
($jSelector1,$jSelector2).bind(...);
(jSelector1,jSelector2).bind(...);

Answer 1

假设你的变量包含 jQuery 对象，这应该可以工作

$.each([jSelector1, jSelector2], function(i,v) {

    v.bind( ... );

});

Answer 2

你应该能够做这样的事情：

var jSelector1 = $('#selector1');
var jSelector2 = $('.selector2');

$.each([jSelector1, jSelector2], function(index, value) { 
  value.bind(....); 
});

Answer 3

或者您可以使用.add()。

var jSelector1 = $('#selector1'),
    jSelector2 = $('.selector2'),
    jSelector3 = $('.selector3');

jSelector1.add(jSelector2).add(jSelector3).bind('whatever', function() {
  doSomethingAwesome();
});