javascript - $ ('.input:checked' ) 的行为不同于 $ ('.input[checked=checked]' )

Question

假设以下场景:您有 2 个单选按钮，它们具有相同的名称，并且都被选中(我知道这是无效的):

<input type="radio" class="input" name="cb1" checked="checked" />
<input type="radio" class="input" name="cb1" checked="checked" />

为什么下面两个选择器的行为不同？

$('.input:checked').size(); // returns 1
$('.input[checked=checked]').size(); // returns 2

显然，第一个选择器只返回标记中最后出现的复选框，而第一个选择器返回两个。

Answer 1

那是因为:checked 选择器检查元素的checked 属性 which is different from the checked attribute .