jquery只返回dev工具控制台的第一个输入元素

Question

我有以下html：

<form novalidate="" id="loginform" action="" method="post">
  <input type="hidden" name="c" id="c" value="abc">
  <input type="hidden" name="initiation" id="initiation" value="test1">
  <input type="hidden" name="rmo" id="rmo" value="test2">

................

我想选择所有输入元素，但是当我输入时：

$("input")

在chrome devtools控制台中，我只得到第一个元素：

<input type="hidden" name="c" id="c" value="abc">

我可以输入什么来获取输入元素的完整列表？

Answer 1

这不是一个愚蠢的问题。这实际上是Chrome开发人员工具带来的令人困惑的行为。

这里发生的事情是你没有包含JQuery。 Google Chrome浏览器具有Chrome开发人员工具中提供的变量/功能$。它与jQuery不同。

以下是有关它的文档：https://developers.google.com/chrome-developer-tools/docs/commandline-api#selector

本案例中的文档说：

  

返回对具有指定CSS选择器的第一个DOM元素的引用。此函数是document.querySelector（）函数的别名。

所以，它有点像jQuery，如果你不指望它就足以愚弄你。它只在开发人员工具中提供。当你安装在window.$中安装的jQuery时，它会出现别名，所以你永远不会知道（在空白窗口的控制台中尝试打印$和window.$）。

通过在HTML文档中添加jQuery来解决此问题。