在传统的javascript中，提到DOM选择器，大家比较熟悉的方式是通过tag，name，id来获取，其实大家都发现如果获取比较复杂的话，用这个方法会很繁琐，这时大家应该都会想到jquery里获取一个元素要比以上方法容易得多。querySelector 和 querySelectorAll 方法是W3C Selectors API规范中定义的。他们的作用是根据 CSS 选择器规范，使用和jquery查询方式一样，便捷定位文档中指定元素。随着现在浏览器的发展，目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。
大家肯定会觉得‘哎呀，这个方法好，可是它性能好吗？为什么我没见人常用这个选择器呢？’。当然，querySelector的性能是不如getElementById的，这也是它的一个缺陷吧。
总结：
- 得到的元素不是需要很麻烦的多次getElementBy..的话，尽量使用getElementBy..,因为他快些。
- 得到的元素需要很麻烦的多次getElementBy..组合才能得到的话使用querySelector，方便。
- 看实际情况，你决定方便优先还是性能优先
参考文件：http://waitstone.sinaapp.com/?p=278
http://www.nowamagic.net/librarys/veda/detail/388
http://www.cnblogs.com/Wayou/p/html5_web_api_queryselector.html 予以为这位大哥写得真的是很棒很棒的