這篇文章主要介紹了jQuery選擇器querySelector的使用指南的相關資料,需要的朋友可以參考下
##簡介
HTML5向Web API新引入了document.querySelector以及document.querySelectorAll兩個方法用來更方便地從DOM選取元素，功能類似jQuery的選擇器。這使得在編寫原生JavaScript程式碼時方便了許多。 用法
element = document.querySelector('selectors'); elementList = document.querySelectorAll('selectors');
CSS選擇器，用逗號隔開。
程式碼如下:element = document.querySelector('selector1,selector2,...'); elementList = document.querySelectorAll('selector1,selector2,...');
偽類別狀態的元素，例如querySelector(':hover')不會得到預期結果。
querySelector
程式碼如下:element = document.querySelector('p#container');//返回id为container的首个p element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素
querySelectorAll
此方法傳回所有滿足條件的元素，結果是個nodeList集合。查找規則與前面所述一樣。 elements = document.querySelectorAll('p.foo');//傳回所有帶有foo類別樣式的p需要注意的是傳回的nodeList集合中的元素是非即時的.
以上是總結jQuery中querySelector選擇器的用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
