jQuery：Chrome扩展程序内容脚本中的输入选择器

Question

我试图在内容脚本中执行此操作

console.log('Found ' + $(':input').length + 'inputs');

我得到了

  

未捕获的SyntaxError：无法执行＆＃39; querySelectorAll＆＃39;在＆＃39;文件＆＃39;：＆＃39;：输入＆＃39;不是有效的选择器。

Answer 1

发生错误是因为您的内容脚本中似乎没有jQuery可用。但是，在Chrome开发者控制台中，$是document.querySelector方法的内置符号快捷方式。

因此，当您运行$(':input')时，它等同于document.querySelector(':input')当然会抛出异常，因为:input不是有效的CSS选择器。