jquery - jquery 选择器 $ ('#names' ) 和 $ ('input#names' ) 的区别

Question

我在 html 中声明了一个复选框，如下所示:

<input id="names" name="names" type="checkbox" value="1">One</input>
<input id="names" name="names" type="checkbox" value="2">One</input>
<input id="names" name="names" type="checkbox" value="3">One</input>

我以为 $('#names') 会给我所有复选框元素的句柄，但事实并非如此，$('input#names')确实如此。

$('#names').length is 1.

和

$('input#names').length is 3

为什么会有差异？jsfiddle:http://jsfiddle.net/Urbw5/8/

谢谢，克里斯。

Answer 1

原因之一是这不是有效的 HTML。 id 元素必须是唯一的。所以 jQuery 给出奇怪的结果我并不感到惊讶。如果您想要所有“名称”复选框，您可能需要:

$("input[name='names']")