Question

jQuery radio选择读取时

jQuery radio选择读取时，
var USE_GENDER = $('input:radio[name="USE_GENDER"][checked] ').val(); 与 var USE_GENDER = $('input:radio[name="USE_GENDER"]:checked ').val();有什么区别？

Answer 1

直观的看:

$('input[checked]') 是通过属性选择，

$('input:checked') 是通过伪类。

如果操作的对象是这样的：

<input id="radio" type="radio" checked>

则：

$('input[checked]').length  //1
$('input:checked').length  //1

如果对操作对象执行一句：

$('#radio').prop('checked', false);

则：

$('input[checked]').length  //1
$('input:checked').length  //0

此时是不是想起 prop() 和 attr() 操作 'checked'、'disabled' 了？

类似性质的“属性”参考：

Answer 2

没区别，第二种经常用，第一种不敢用

Answer 3

没什么区别吧，都是获取input选中的值的

Answer 4

第二种更常用