JQuery button on이벤트 class와 id 차이가 있나요?

모달창띄우기 과제를 하고 있습니다

 <button class="btn btn-danger1" id="test-btn">버튼</button>

$('.btn btn-danger1').on('click', function(){
        $('.black-bg').css('display', 'block');
        $('.white-bg').css('display', 'block');
      })
ID를 집어 넣으면 동작이 되고 위 코드로 하면 동작이 안됩니다.. 왜 그런건가요?