这个选择器是如何工作的？

Question

在 HTML 我有以下元素：

HTML

<input id="userNameTxt" type="text" class="input" value='ABC>

我在 jQuery 中这样选择：

APP.js

$(userNameTxt).val()

这个选择器在选择什么？（就像我使用 $('.something') -> 时选择元素的 Class 或 $('#something') 选择 ID。）

好像是选择ID，那是不是和#选择器类似？如果是这样那么什么时候使用这样的选择器？

Answer 1

这是因为浏览器的特性会创建具有元素 id 属性的全局变量。

如果您使用 console.log(userNameTxt)，您将能够看到该元素被记录，因此在您的情况下，您传递的是 dom element reference to jQuery，这是一个有效参数。

console.log(userNameTxt);
console.log(somename);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="userNameTxt" type="text" class="input" value='ABC' />
<div id="somename"></div>

HTML Standard
DOM Element References as Global Variables
Do DOM tree elements with ids become global variables?

这个选择器是如何工作的？

How is this selector working?

javascript

jquery

jquery-selectors