jquery로 두 개의 html selector를 결합 할 수 있습니까?

Question

두 개의 html 버튼 요소가 있습니다.

<input type="button" class="button-a" value="Button a"/> 
<input type="button" class="button-b" value="Button b"/> 

그래서 아무 버튼이나 클릭하면 같은 이벤트가 발생합니다. 그래서 나는 jquery 코드를 작성함으로써 그렇게 할 수있다.

<script> 
    $(document).ready(function() { 
    //button-a click event 
    $('.button-a').click(function(){ 
     alert("The event triggered"); 
    }); 

    //button-b click event 
    $('.button-b').click(function(){ 
     alert("The event triggered"); 
    }); 
}); 
</script> 

event()을 OR 조건과 함께 jQuery와 결합 할 수 있습니까?

Answer 1

이 코드를보십시오 : 그래서 같은 당신은 당신이 CSS에서처럼 분리 쉼표에 필요한 CSS로 적용

<script> 
$(document).ready(function() { 
    $('.button-a, .button-b').click(function(){ 
      alert("The event triggered"); 
    }); 
}); 
</script> 

http://jsfiddle.net/gNths/

Answer 2

그들은 선택기입니다 $('[class^="button-"]').click(function() {...});

Answer 3

시도 $('.button-a,.button-b')

Answer 4

예. 이것은을 수행해야합니다

<script>  
$(document).ready(function() {  
    $('.button-a, .button-b').click(function() {  
    alert("The event triggered");    
    }); 
}); 
</script> 

Answer 5

<script> 
    $(document).ready(function() { 
    //button-a click event 
    $('.button-a').click(function(){ 
     ButtonClick("#button_a"); 
    }); 

    //button-b click event 
    $('.button-b').click(function(){ 
     ButtonClick("#button_b"); 
    }); 
}); 

function ButtonClick(id){ 
//do something 
} 
</script> 

Answer 6

<script> 
    $(document).ready(function() { 
     $('.button-a, .button-b').click(function(){ 
       alert("The event triggered"); 
     }); 
    }); 
</script> 

이 스크립트는 나를 위해 일했다. 시간 내 주셔서 감사합니다.