美元上的jquery选择器(此)

美元上的jquery选择器(此),jquery,this,Jquery,This,如果我有意见: <input type="checkbox" name="product" id="product" /><label for="product">Product</label> $(this.attr('checked') 您还可以使用$(this).attr('checked',false | true)$(this).attr('checked') 您还可以通过使用$(this.attr('checked',false | true)来

如果我有意见:

<input type="checkbox" name="product" id="product" /><label for="product">Product</label>
$(this.attr('checked')

您还可以使用
$(this).attr('checked',false | true)
$(this).attr('checked')


您还可以通过使用
$(this.attr('checked',false | true)
来选中或取消选中。您可以使用
.is
:checked
选择器

作为旁注,您不应该使用
标记#id
;由于id是唯一的,
#id
就足够了

$('#product').click(function() {
    var checked = $(this).is(":checked");

    console.log(checked);
});

您可以将
.is
:checked
选择器一起使用

作为旁注,您不应该使用
标记#id
;由于id是唯一的,
#id
就足够了

$('#product').click(function() {
    var checked = $(this).is(":checked");

    console.log(checked);
});


使用元素属性:

此项。已选中


使用

$(this).prop('checked');

从jQuery文档(在
$.prop()
上)中:

确定是否选中复选框的首选跨浏览器兼容方式是检查元素属性上的“truthy”值 使用以下选项之一:

  • if(元素已选中)
  • if($(elem).prop(“选中”)
  • if($(elem).is(“:checked”)

使用元素属性:

此项。已选中


使用

$(this).prop('checked');

从jQuery文档(在
$.prop()
上)中:

确定是否选中复选框的首选跨浏览器兼容方式是检查元素属性上的“truthy”值 使用以下选项之一:

  • if(元素已选中)
  • if($(elem).prop(“选中”)
  • if($(elem).is(“:checked”)
你可以用这个

this.checked;//这里,它指向具有checked属性的checkbox元素

,您可以使用它


this.checked;//这里指向具有checked属性的checkbox元素

@Šime Vidas:我个人不喜欢混合使用普通DOM和jQuery,只是为了保持一致性。当然,
这个。选中的
也可以。这似乎毫无意义。jQuery是对核心JS DOM操作的补充,而不是它的替代品。@Šime Vidas:我个人不喜欢将普通DOM和jQuery混合使用,只是为了一致性。当然,
这个。选中的
也可以。这似乎毫无意义。jQuery是核心JS DOM操作的补充,而不是它的替代品。以前没有见过,使用“attr”有什么好处,或者“:checked”?@NimChimpsky-查看文档上的表-它解释了各种函数将返回什么。我用一句话更新了我的答案,这句话可能会回答您关于
is:checked
的问题。我不确定使用任何一个是否比另一个有好处。以前没有看到过,使用“attr”有好处吗?或者“:checked”?@NimChimpsky-查看文档上的表格-它给出了各种函数返回的解释。我用一句话更新了我的答案,这句话可能会回答您关于
is:checked
的问题。我不确定使用其中任何一个是否有好处。
this.checked;
$(this).prop('checked');