jQuery Cached Set (v50)

Revision 50 of this benchmark created on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3/mootools-yui-compressed.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/yui/2.9.0/build/yuiloader/yuiloader-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1/dojo/dojo.xd.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/ext-core/3/ext-core.js"></script>
<script src="https://www.cinsoft.net/mylib099-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div id="top" class="mydiv">
  <p id="para_1" class="mytext">Paragraph one</p>
  <p id="para_2" class="mytext">Paragraph two</p>
  <p id="para_3" class="mytext">Paragraph three</p>
  <span id="span_1" class="mytext">Text in a span</span>
</div>

<p id="para_4" class="mytext">Paragraph four</p>
<p id="para_5" class="mytext">Paragraph five</p>
<p id="para_6" class="mytext">Paragraph six</p>
<script>
  var parent_el = document.getElementById("top");
  var cached = jQuery(parent_el).find('p.mytext');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Cached elements
cached.css('color', '#ff0000');
cached.css('text-decoration', 'underline');
cached.css('background-color', '#eeeeee');
ready
No cache
jQuery('#top').find('p.mytext').css('color', '#ff0000');
jQuery('#top').find('p.mytext').css('text-decoration', 'underline');
jQuery('#top').find('p.mytext').css('background-color', '#eeeeee');
ready

Revisions

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