Làm thế nào để ràng buộc jQuery sự kiện trên nhiều PREDECLARED jQuery đối tượng

Question

Đây là cách để ràng buộc nhiều sự kiện trên selectors vài jQuery:

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

Nhưng! Làm thế nào để bạn liên kết trên các đối tượng jQuery được khai báo trước. Ví dụ:

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

Bởi vì, sau đây không làm việc:

jSelector1,jSelector2.bind(...); 

cũng không:

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

Answer 1

này nên làm việc, giả định các biến của bạn giữ jQuery đối tượng

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

    v.bind(...); 

}); 

Answer 2

bạn sẽ có thể làm điều gì đó như thế này:

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

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

Answer 3

Hoặc bạn có thể sử dụng .add().

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

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