이이 커플의 jQuery 선택기에서 여러 이벤트를 바인딩하는 방법이다

Question

객체 :

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

그러나! 미리 선언 된 jQuery 객체를 어떻게 바인딩 할 것인가? 예 :

jSelector1,jSelector2.bind(...); 

을도 수행합니다 :

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

이 있으므로 사용자의 컴퓨터에서 다음이 작동하지 않는

이

$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(); 
});