开发人员控制台的CSS Selector返回错误的结果

Question

使用Firefox或Chrome的开发者控制台，当我输入$('a')时，它应该返回一个数组中页面上的所有链接（如果我选择了错误的框架，它将赢得＃39 ;例如，但现在不是问题）。请有人启发我，为什么我在某些网站上使用这个CSS选择器同时使用Firefox和Chrome获得单a个结果，而在其他网站上使用a个数组（两个网站都有一个a标签）？

之前有效，我不记得曾经没有这样的工作。如需参考，请选择http://www.useragentstring.com/pages/useragentstring.php

我的Firefox控制台结果： 铬：

如果我在stackoverflow上执行此操作，CSS Selector也可以工作。 Xpath适用于每个站点。

Answer 1

来自Chrome dev tools documentation：

  

$(selector)使用指定的CSS选择器返回第一个DOM元素的引用。此函数是document.querySelector()函数的别名。

因此，您可以在useragentstring.com上获得预期的行为。

在Stackoverflow上你会得到不同的行为，因为jQuery已被包含在页面上，$变量已被the jQuery object覆盖（当被称为函数时）：

  

接受包含CSS选择器的字符串，然后使用该选择器匹配 set 元素。