jquery - 将 jquery 事件绑定(bind)到 jquery 对象数组

Question

我有一个包含 jquery 对象的数组，稍后在代码的各个部分中引用这些对象。我将它们放入一个数组中，以便它们仅被选择一次，而不是每次需要访问它们时都执行 jquery select。

我的问题是，如何将 jquery 事件绑定(bind)到这些 jquery 对象的数组？

我曾经对元素的 ID 进行 jquery 选择，然后绑定(bind)事件:

$('#name, #domain, #description').bind("blur change", 
function () { 
    callEventHandler(this); 
});

现在我有了这个 jQuery 对象数组。如何将它们绑定(bind)到 jquery 事件？

var jqObjs = [$('#name'), $('#domain'), $('#description')];      

我尝试这样做，但没有成功:

$(jqObjs).bind("blur change", 
function () { 
    callEventHandler(this); 
});

Answer 1

可以循环它们:

$(jqObjs).each(function(_, jQobj){
    jQobj.on("blur change",function () { 
       callEventHandler(this); 
    });
});

由于 bind() 在内部使用 on()，我改用 on()。

另一种选择是只存储选择器

var jqSelectors = ['#name', '#domain', '#description'];
$(jqObjs.join()).on('...

我认为这将有助于理解您是如何创建这个数组的。根据用途和您想要实现的目标，可能还有其他方法