jQuery:按类和输入类型选择

Bri*_*van 110 jquery

我想选择一组属于某种输入类型的元素(比如一个复选框),并使用jQuery创建一个特定的类.但是,当我尝试以下内容时:

 $("input:checkbox .myClass")
Run Code Online (Sandbox Code Playgroud)

我没有收到任何物品.我怎样才能在jQuery中实现这一目标?

Pao*_*ino 195

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

试试这个:

$("input.myClass:checkbox")
Run Code Online (Sandbox Code Playgroud)

检查它的实际效果.

我也测试了这个:

$("input:checkbox.myClass")
Run Code Online (Sandbox Code Playgroud)

它也将正常工作.在我的拙见中,这种语法看起来非常难看,因为大多数时候我都希望:样式选择器能够达到最后.正如我所说的,任何一个都可行.


Bar*_*cat 43

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

$("input.myClass[type=checkbox]")
Run Code Online (Sandbox Code Playgroud)

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


eKe*_*ek0 6

您必须使用(用于复选框):checkbox.name属性以按类选择.

例如:

$("input.aclass:checkbox")
Run Code Online (Sandbox Code Playgroud)

:checkbox选择:

匹配复选框类型的所有输入元素.使用这种伪选择像$(':checkbox')相当于$('*:checkbox') 是一个缓慢的选择.建议这样做$('input:checkbox').

您应该阅读jQuery文档以了解选择器.


小智 5

你应该像这样使用类名

$(document).ready(function(){
    $('input.addCheck').prop('checked',true);
});
Run Code Online (Sandbox Code Playgroud)

尝试使用这个 现场演示

  • 然而答案对于其他寻找类似事物的人来说完全有帮助,但不是确切的OP问题。 (2认同)