js queryselector是什么呢？不知道的小伙伴來(lái)看看陽(yáng)泰小編今天的分享吧!

1、js queryselector簡(jiǎn)介：

js中querySelector()方法是返回文檔中匹配指定CSS選擇器的一個(gè)元素。

注意： querySelector() 方法僅僅返回匹配指定選擇器的第一個(gè)元素。如果需要返回所有的元素，使用 querySelectorAll() 方法替代。??

如：

var?body?=?document.querySelector('body');

var?mydiv?=?document.querySelector('#mydiv');

var?myclass?=?document.querySelector('.selected');

以上三個(gè)用來(lái)代替getElementById()和getElementByTagName().

其次如果要限定范圍查找? 則可以?

var?img?=?document.body.querySelector('img.button');

相對(duì)于querySelectorAll(); 則是取得一個(gè)NodeList

2、語(yǔ)法

?document.querySelector(CSS selectors)

拓展資料：

js選擇器：querySelector和querySelectorAll

二者區(qū)別：

querySelector是單一選擇器，得到的是唯一的一個(gè)元素；

querySelectorAll，得到的是一個(gè)數(shù)組，所有名為“*”的集合；

有點(diǎn)類似于jquery中id選擇器和class選擇一，id必須是唯一的，class是一組，querySelector用來(lái)選擇唯一的id，querySelectorAll用來(lái)選擇重復(fù)出現(xiàn)的元素或者class，當(dāng)然理解是這樣的，如果頁(yè)面僅有一個(gè)唯一class，你用querySelector也可以！

用法：

let?box?=?document.querySelector(".box");//單一元素生效box.onclick?=?function(){box.style.background=?"red";}let?boxs?=?document.querySelectorAll(".box");//等到的是“.box”的集合boxs[0].onclick?=?function(){boxs[0].style.background=?"red";}