我正在编写非常基本的 html，并且只想使用 css 选择器选择一个元素。但是，查询返回数组中的一个元素。我可以通过使用 [0] 索引数组来访问我的元素，但是有没有办法修改查询以仅返回我的元素？
<input class='myInput' id='myId'>
CSS选择器：
'input.myInput'
在 Chrome 开发控制台中使用时，我看到：
[<input class='myInput' id='myId'>]
代替：
<input class='myInput' id='myId'>
您可以使用该querySelector()方法，该方法始终返回查询的第一个元素：
var element = document.querySelector('input.myInput');
jQuery 没有直接的等价物，因此您必须为此使用[0]索引。
jQuery 使用 jQuery 对象返回查询，该对象是返回对象的数组。因此，要获取您正在寻找的行，<input class="myInput" id="myId">您需要做的是$('input.myInput')[0];获取数组中的第 0 个元素，在这种情况下只有一个，但要获取 HTML 元素，您需要[0]在选择器查询之后。
只是一个关于获得相同输入的方法的仅供参考：
$('.myInput')[0];
$('#myId')[0];
$('input')[0];
或者上面的任何选择器都使用.first()after 而不是[0]因为它们都抓取返回的 jQuery 对象中的第一个元素。