这段代码为什么会报错

Question

$(document).ready(function() {var btn = document.querySelectorAll(".active-menu-btn");var div = document.querySelector('#apDiv1');

btn.addEventListener('click', function(ev) {
  event.stopPropagation(); 
  if (div.className.indexOf('hide') >= 0){
      div.classList.remove('hide');      return;
      };   
  div.classList.add('hide');
}, false);

报错代码为 btn.addEventListener is not a function