前面的話

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

 

方法

querySelector()

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