Info

Testing whether selecting multiple class names is faster by various methods

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<ul class="foo">
<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

<li class="bar">yay!</li>

<li>yay!</li>

<li>yay!</li>

<li>yay!</li>

</ul>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$(".foo").find(".bar")

$(".bar",".foo")

$(".foo .bar")

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by Scott Kosman on 13th December 2011
• Revision 2: published by vijay on 16th December 2011
• Revision 3: published on 16th December 2011
• Revision 4: published on 27th August 2012
• Revision 5: published on 27th August 2012
• Revision 6: published on 27th August 2012
• Revision 7: published on 8th October 2012
• Revision 8: published on 12th October 2012
• Revision 9: published on 10th December 2012
• Revision 10: published by vol7ron on 4th March 2013

0 comments