js选择器：querySelector和querySelectorAll

1.二者区别

querySelector是单一选择器，得到的是唯一的一个元素；

querySelectorAll，得到的是一个数组，所有名为“*”的集合；

有点类似于jquery中id选择器和class选择一，id必须是唯一的，class是一组，querySelector用来选择唯一的id，querySelectorAll用来选择重复出现的元素或者class，当然理解是这样的，如果页面仅有一个唯一class，你用querySelector也可以！

2.用法：

let box = document.querySelector(".box");//单一元素生效
box.onclick = function(){
  box.style.background= "red";      
}
      
let boxs = document.querySelectorAll(".box");//等到的是“.box”的集合
boxs[0].onclick = function(){
  boxs[0].style.background= "red";        
}