jQuery選擇器querySelector的使用指南
更新時間：2015年01月23日 11:29:49 投稿：hebedich
這篇文章主要介紹了jQuery選擇器querySelector的使用指南的相關資料,需要的朋友可以參考下
簡介
HTML5向Web API新引入了document.querySelector以及document.querySelectorAll兩個方法用來更方便地從DOM選取元素，功能類似于jQuery的選擇器。這使得在編寫原生JavaScript代碼時方便了許多。
用法
兩個方法使用差不多的語法，都是接收一個字符串參數(shù)，這個參數(shù)需要是合法的CSS選擇語法。
復制代碼 代碼如下:
element = document.querySelector('selectors');
elementList = document.querySelectorAll('selectors');
其中參數(shù)selectors 可以包含多個CSS選擇器，用逗號隔開。
復制代碼 代碼如下:
element = document.querySelector('selector1,selector2,...');
elementList = document.querySelectorAll('selector1,selector2,...');
使用這兩個方法無法查找?guī)晤悹顟B(tài)的元素，比如querySelector(':hover')不會得到預期結果。
querySelector
復制代碼 代碼如下:
element = document.querySelector('div#container');//返回id為container的首個div
element = document.querySelector('.foo,.bar');//返回帶有foo或者bar樣式類的首個元素
querySelectorAll
該方法返回所有滿足條件的元素，結果是個nodeList集合。查找規(guī)則與前面所述一樣。
elements = document.querySelectorAll('div.foo');//返回所有帶foo類樣式的div
需要注意的是返回的nodeList集合中的元素是非實時的.
相關文章
本文與大家詳細探討下用jQuery獲取IE9下拉框默認值的問題,如果下拉框沒有空默認值會怎么樣等一系列問題，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
jquery ajax對特殊字符進行轉義防止js注入使用示例
如果有人在留言里寫入了js語句,這結語句都會被執(zhí)行.解決辦法就是對這些特殊字符進行轉義再顯示出來，下面有個不錯的示例，感興趣的朋友可以參考下2013-11-11
項目中需要用到打印HTML頁面，需要指定區(qū)域打印，使用jquery.PrintArea.js 插件實現(xiàn)分頁,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了jQuery實現(xiàn)復選框批量選擇與反選的方法,主要通過jQuery的attr與removeAttr方法實現(xiàn)選擇與反選的功能,非常具有實用價值,需要的朋友可以參考下2015-06-06
jquery post方式傳遞多個參數(shù)值后臺以數(shù)組的方式進行接收
在用jquery的post方式傳遞多個值時，在后臺頁面可以用數(shù)組形式接收,很不錯吧，可以接收多個值啊，接下來介紹實現(xiàn)方法，感興趣的朋友可以了解下哦2013-01-01
這篇文章主要介紹了jquery easyui combox一些實用的小方法，有需要的朋友可以參考一下2013-12-12
這兩天突發(fā)奇想，結果就做了一個jQ的tip插件，形狀就像下面這樣。會隨title的多少改變大小的喲.2010-11-11
這篇文章主要為大家介紹了jquery調整表格行tr上下順序實例，具有一定的參考價值，感興趣的朋友可以參考一下2016-01-01
這篇文章主要介紹了jQuery中的關系查找方法，關系查找方法分有children()子級、siblings()兄弟的一些方式，下文都有介紹到，文章內容介紹詳細，需要的小伙伴可以參考一下，希望對你的學習有所幫助2022-03-03
JQuery.validate在ie8下不支持的快速解決方法
下面小編就為大家?guī)硪黄狫Query.validate在ie8下不支持的快速解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05