前面的話

　　盡管DOM作為API已經(jīng)非常完善了，但是為了實現(xiàn)更多的功能，DOM仍然進行了擴展，其中一個重要的擴展就是對選擇器API的擴展。人們對jQuery的稱贊，很多是由于jQuery方便的元素選擇器。除了前面已經(jīng)介紹過的getElementsByClassName()方法外，DOM拓展了querySelectorAll()、querySelector()和matchesSelector()這3種方法，通過CSS選擇符查詢DOM文檔取得元素的引用的功能變成了原生的API，解析和樹查詢操作在瀏覽器內(nèi)部通過編譯后的代碼來完成，極大地改善了性能。本文將詳細介紹html5新增的3種selector方法

 

方法

querySelector()

　　querySelector()方法接收一個CSS選擇符，返回與該模式匹配的第一個元素，如果沒有找到匹配的元素，返回null。該方法既可用于文檔document類型，也可用于元素elemen