代码之家  ›  专栏  ›  技术社区  ›  Brian Sullivan

jquery:按类和输入类型选择

  •  100
  • Brian Sullivan  · 技术社区  · 16 年前

    我想选择一组元素,它们都是特定的输入类型(例如,复选框),并且使用jquery具有特定的类。但是,当我尝试以下方法时:

     $("input:checkbox .myClass")
    

    我没有退货。我如何在jquery中完成这一点?

    6 回复  |  直到 8 年前
        1
  •  176
  •   Paolo Bergantino    16 年前

    您的选择器正在查找具有类 .myClass .

    试试这个:

    $("input.myClass:checkbox")
    

    Check it out in action .

    我还测试了:

    $("input:checkbox.myClass")
    

    它也能正常工作。依我的拙见,这种句法真的很难看,正如我所期望的大多数时间那样。 : 样式选择器排在最后。不过,正如我所说,任何一个都可以工作。

        2
  •  42
  •   BaroqueBobcat    16 年前

    如果要使用该类获取该类型的输入,请使用:

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

    []选择器语法允许您检查任何元素属性。 退房 spec 有关详细信息

        3
  •  5
  •   Mayank Pathak Abhinandy    10 年前

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

    例如:

    $("input.aclass:checkbox")
    

    这个 复选框 选择器:

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

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

        4
  •  4
  •   Akhil Chandran    10 年前

    你应该使用这样的类名

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

    试着用这个A live demo

        5
  •  3
  •   Fabio Padua    9 年前

    试试这个:

    $("input:checkbox").hasClass("myClass");
    
        6
  •  3
  •   iforce2d    8 年前

    为了防止像我这样的傻瓜用一个按钮来尝试这里的建议,却发现没有任何效果,你可能需要这样做:

    $(':button.myclass')