blocks|key|1516079|text|您的选择器正在查找具有.myClass类的checkbox元素的任何后代。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1516080|试着这样做：|1516081|$("input.myClass:checkbox")|code-block|syntax|javascript|1516082|Check+it+out+in+action。|1516083|我还测试了这个：|1516084|$("input:checkbox.myClass")|1516085|而且它也会正常工作。在我看来，这种语法看起来真的很丑陋，因为大多数时候我希望:样式选择器排在最后。但是，正如我所说的，这两种方法都是可行的。|1516086|entityMap|0|LINK|mutability|MUTABLE|url|http://jsbin.com/uyutu^0|B|8|0|0|0|0|M|0|0|0|0|12|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|O|3|P|5|6|7|1B|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|S|3|T|5|6|7|1D|8|@$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|U|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]]]

Your selector is looking for any descendants of a checkbox element that have a class of <code>.myClass</code>.

Try this instead:

<pre><code>$("input.myClass:checkbox")
</code></pre>

<a href="http://jsbin.com/uyutu" rel="noreferrer">Check it out in action</a>.

I also tested this:

<pre><code>$("input:checkbox.myClass")
</code></pre>

And it will also work properly. In my humble opinion this syntax really looks rather ugly, as most of the time I expect <code>:</code> style selectors to come last. As I said, though, either one will work.

blocks|key|1301292|text|如果您想通过该类获取该类型的输入，请使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1301293|$("input.myClass[type=checkbox]")|code-block|syntax|javascript|1301294|[]选择器语法允许您对照任何元素属性进行检查。有关更多详细信息，请查看spec|offset|length|1301295|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/CSS2/selector.html#matching-attrs^0|0|0|Z|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

If you want to get the inputs of that type with that class use:

<pre><code>$("input.myClass[type=checkbox]")
</code></pre>

the [] selector syntax allows you to check against any of the elements attributes.
Check out the <a href="http://www.w3.org/TR/CSS2/selector.html#matching-attrs" rel="noreferrer">spec</a> for more details

blocks|key|1301343|text|您应该像这样使用类名|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1301344|$(document).ready(function(){
++++$('input.addCheck').prop('checked',true);
});|code-block|syntax|javascript|1301345|尝试使用此live+demo|offset|length|1301346|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/mmzf2c2f/^0|0|0|5|9|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

You should use the class name like this

<pre><code>$(document).ready(function(){
 $('input.addCheck').prop('checked',true);
});
</code></pre>

Try Using this a <a href="http://jsfiddle.net/mmzf2c2f/" rel="noreferrer" title="Live Demo">live demo</a>

blocks|key|1301367|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1301368|$("input:checkbox").hasClass("myClass");|code-block|syntax|javascript|1301369|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this:

<pre><code>$("input:checkbox").hasClass("myClass");
</code></pre>

blocks|key|1516330|text|为了防止像我这样的笨蛋用按钮尝试这里的建议，发现什么都不起作用，你可能需要这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1516331|$(':button.myclass')|code-block|syntax|javascript|1516332|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just in case any dummies like me tried the suggestions here with a button and found nothing worked, you probably want this:

<pre><code>$(':button.myclass')
</code></pre>

blocks|key|1301445|text|另一种方式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1301446|$("input[class*='myClass']")|code-block|syntax|javascript|1301447|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Another way:
<pre><code>$(&quot;input[class*='myClass']&quot;)
</code></pre>

I would like to select a set of elements that are both of a certain input type (say, a checkbox) and have a certain class using jQuery. However, when I try the following:

<pre><code> $("input:checkbox .myClass")
</code></pre>

I don't get any items returned. How can I accomplish this in jQuery?

jQuery: Selecting by class and input type

jQuery

我想选择一组元素，这些元素既是某种输入类型(比如复选框)，又有一个使用jQuery的特定类。但是，当我尝试执行以下操作时： $("input:checkbox .myClass")我没有收到任何退货。我如何在jQuery中实现这一点？

问jQuery:按类和输入类型选择
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery:按类和输入类型选择EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery:按类和输入类型选择
EN