jq-end

Benchmark created on

Description

Testing jQuery end() selector performance

Preparation HTML

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

<div class="nav">
  <ul>
    <li><a href=""><span class="klass" style="font-size: 70px">&bull;</span></a></li>
    <li><span style="font-size: 70px;">&bull;</span></li>
  </ul>
</div>

Setup

var nav = $('.nav');

Test runner

Ready to run.

Testing in
TestOps/sec
No end
$('.nav')
.find('ul li a span.klass')
.css('color', 'blue');

$('.nav')
.find('ul li span')
.css('color', 'green');
ready
With end
$('.nav')
.find('ul li a span.klass')
.css('color', 'red')
.end()
.find('ul li span')
.css('color', 'purple');
ready
Cached
nav
.find('ul li a span.klass')
.css('color', 'yellow');

nav
.find('ul li span')
.css('color', 'orange');
ready

Revisions

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