Multi Selector Find

JavaScript performance comparison

Revision 2 of this test case created by

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div class="wrapper">
  <div class="moreMarkup">
    <ul>
      <li>
        <a class="linkClass1" href="#" title="link one"></a>
      </li>
    </ul>
    <a class="linkClass2" href="#" title="link two"></a>
    <span>
      <p>
        more markup
      </p>
    </span>
  </div>
</div>
    

Preparation code output

<div class="wrapper"> <div class="moreMarkup"> <ul> <li> <a class="linkClass1" href="#" title="link one"></a> </li> </ul> <a class="linkClass2" href="#" title="link two"></a> <span> <p> more markup </p> </span> </div> </div>

Test runner

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

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
Chain Find
(function($) {
  $(document).find('.linkClass1');
  $(document).find('.linkClass2');
})(jQuery);
pending…
Multi Selector
(function($) {
  $(document).find('.linkClass1, .linkClass2');
})(jQuery);
pending…
Chain with end
(function($) {
  $(document).find('.linkClass1').end().find('.linkClass2');
})(jQuery);
pending…

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.

0 Comments

more markup