querySelector()、 querySelectorAll()详解

1. 在 传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方 法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者使用某个库。你可能会说为什么不适用库，那是很方便的，我的回答是，很多情况下，我们只需要使用一个简单的选择功能，完全没有必要引用整个库，那无非延长了页面加载时间。
2. 当前除了IE6和IE7，几乎所有主流浏览器都支持querySelector 和 querySelectorAll方法。
   
   使用它们，你可以像使用 CSS 选择器一样快速地查找到你需要的节点。querySelector 和 querySelectorAll 的区别在于 querySelector 用来获取一个元素，而 querySelectorAll 可以获取多个元素。querySelector 将返回匹配到的第一个元素，如果没有匹配的元素则返回 Null。querySelectorAll 返回一个包含匹配到的元素的数组，如果没有匹配的元素则返回的数组为空。