jQuery .end() vs cached selector (v3)

Revision 3 of this benchmark created on


Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<ul class="first">
  <li class="foo">
    list item
    <span class="number">
      1
    </span>
  </li>
  <li>
    list item
    <span class="number">
      2
    </span>
  </li>
  <li class="bar">
    list item
    <span class="number">
      3
    </span>
  </li>
</ul>
<ul class="second">
  <li class="foo">
    list item 1
  </li>
  <li>
    list item 2
  </li>
  <li class="bar">
    list item 3
  </li>
</ul>

Test runner

Ready to run.

Testing in
TestOps/sec
.end()
var $first = $('ul.first');

$first.find('.foo').end().find('.bar');
ready
Cached
var $first = $('ul.first');
$first.find('.foo');
$first.find('.bar');
ready

Revisions

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