选择符API

querySelector( )方法

querySelector( )方法接受一个CSS选择符，返回与该模式匹配的第一个元素，如果没有找到则返回null。看下面列子：

//取得body元素
var body = document.querySelector("body");

//取得ID为"myDiv"的元素
var myDiv = document.querySelector("#myDiv");

//取得类为"myClass"的元素
var myClass = document.querySelector(".myClass");

//取得类为"btn"的第一个图像元素
var img = document.body.querySelector("img.btn");

通过Document类型调用querySelector()方法时，会在文档元素的范围内查找匹配的元素。而通过Element类型调用querySelector()方法，只会在该元素后代元素的范围内查找匹配的元素。

querySelsetorAll( )方法

querySelectorALL( )接受的参数跟querySelector( )方法一样，但返回的是该模式匹配的所有元素。

matchesSelector( )方法

这个方法接收一个参数，即CSS选择符，如果调用元素与该选择符匹配，返回true;否则返回false。