jQuery：按类和输入类型选择

Question

我想选择一组属于某种输入类型（例如，复选框）的元素，并使用jQuery来创建某个类。但是，当我尝试以下内容时：

 $("input:checkbox .myClass")

我没有收到任何物品。我怎样才能在jQuery中实现这个目标？

Answer 1

您的选择器正在查找具有.myClass类的复选框元素的任何后代。

请改为尝试：

$("input.myClass:checkbox")

Check it out in action

我也测试了这个：

$("input:checkbox.myClass")

它也会正常工作。在我看来，这种语法看起来相当丑陋，因为大多数时候我都希望:样式选择器能够最后出现。正如我所说的，任何一个都可以工作。

Answer 2

如果您想使用该类获取该类型的输入：

$("input.myClass[type=checkbox]")

[]选择器语法允许您检查任何元素属性。 查看spec了解更多详情

Answer 3

您必须使用（用于复选框）:checkbox和.name属性来按类选择。

例如：

$("input.aclass:checkbox")

:checkbox选择器：

  

匹配复选框类型的所有输入元素。用这个   类似于$(':checkbox')的伪选择器等同于$('*:checkbox')   这是一个慢选择器。   建议$('input:checkbox')。

您应该阅读jQuery documentation以了解选择器。

Answer 4

你应该像这样使用类名

$(document).ready(function(){
    $('input.addCheck').prop('checked',true);
});

尝试使用此live demo

Answer 5

试试这个：

$("input:checkbox").hasClass("myClass");

Answer 6

万一像我这样的假人用按钮尝试了这里的建议，发现没什么用，你可能想要这个：

$(':button.myclass')