jQuery .add() Performance 123 (v20)

Revision 20 of this benchmark created on

Preparation HTML

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

<div style="display:none;">
<ul>
<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
</ul>
<div>
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
add()
jQuery("span").add("li").addClass('cool-class');
ready
separate selectors
jQuery("span").addClass('cool-class');
jQuery("li").addClass('cool-class');
ready
bundled selector
jQuery("span", "li").addClass('cool-class');
ready
two cached selectors
var cachedone = jQuery('span'),
    cachedtwo = jQuery('li');

cachedone.add(cachedtwo).addClass('cool-class');
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.