Javascript 原生選擇器querySelector / querySelectorAll

jQuery 提供了滿便捷的選擇器來選擇DOM元素，只要用 $(".test")，就可以把所有 class="test"的元素一次取出。

不過javascript也有類似的選擇器函數，querySelector 以及querySeloectorAll。用法範例及比較如下：

• 只取出id="test"的元素

  var myitem1=document.querySelector("#test"); //IE8+ 
  var myitem2=document.getElementById("test"); //支援全瀏覽器
  var myitem3=$("#test"); //使用jQuery
      

• 取出所有class="test"的元素

  var myitems1=document.querySelectorAll(".test"); //IE8+
  var myitems2=document.getElementsByClassName("test"); //不支援IE
  var myitems3=$(".test"); //使用jQuery