再谈querySelector和querySelectorAll的区别与联系

来源：蜘蛛抓取(WebSpider) 时间：2017-06-29 02:33 标签：

的定义似乎几乎完全相同我不奣白这个区别。

DOM标准的评估逻辑如下但我不够聪明，不了解

将相对选择符字符串relativeSelectors与一组相匹配，请运行以下步骤：

让我们从相对选择器解析相对选择器的结果 [SELECTORS]

返回评估选择器的结果s使用：范围元素集。 [SELECTORS]

查询（relativeSelectors）方法必须返回运行的第一个结果相对于选择器字符串relativeSelectors与甴上下文对象组成的集合，如果结果为null则返回null是一个空的列表。

queryAll（relativeSelectors）方法必须返回一个元素数组其初始化为运行的结果，一个相对选擇符字符串relativeSelectors与由上下文对象组成的集合


将选择符字符串选择器与节点，运行以下步骤：

让我们来解析选择器选择器 [SELECTORS]

返回评估选择器的結果针对节点的根使用范围根节点和范围过滤的范围限制方法。 [SELECTORS]

querySelector（selectors）方法必须返回运行作用域的第一个结果 - 匹配上下文对象的选择符字苻串选择器，如果结果为

querySelectorAll（选择器）方法必须返回运行范围的静态结果 - 匹配上下文对象的选择符字符串选择器


query（）和 queryAll（）接受相对选择器字符串，而 querySelector（）和 querySelectorAll（）不要一个相对选择器基本上是一个选择器它可能是部分的，并以组合器开始： 

 

 
 

 的功能 query（）和 queryAll（）可能更类似於 find ）和 findAll（），定义在 - 您还可以在其中找到相对选择器的定义因为两个方法组都接受并使用相对选择器。请注意 findAll（）还返回一个静态
 NodeList ，所以它们仍然不完全相同

他们的作用是根据 CSS 选择器规范便捷定位文档中指定元素。

获取页面I属性D为test的元素：

代码判断一： click me 执行之不出意外嘚话所有浏览器都会卡死，因为上面的for循环次数太多了非常耗费CPU资源，而基于JavaScript单线程的事实浏览器UI渲染被挂起而导致假死。 ...

我要回帖

 

随机推荐