Jquery Selectors

Benchmark created on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div class="foo">
	foo
	<div class="foo">
		foo
		<div class="foo">
			foo
			<div class="foo">
				foo
				<div class="foo">
					foo
					<div class="foo">
						foo
						<div class="foo">
							foo
							<div class="foo">
								foo
								<div class="bar">
									bar
									<div class="biz">
										biz
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

Setup

var bar = $('.bar');
  var __EXPECTED__ = $('.biz');
  function assert(condition, message) {
      if (!condition) {
          throw message || "Assertion failed";
      }
  }

Test runner

Ready to run.

Testing in
TestOps/sec
direct
var bizs = $('.biz');
assert( bizs.length == __EXPECTED__.length );
ready
direct+within
var bizs = $('.biz', bar);
assert( bizs.length == __EXPECTED__.length );
ready
find
var bizs = $(bar).find('.biz');
assert( bizs.length == __EXPECTED__.length );
ready
has
var bizs = $(bar).has('.biz');
assert( bizs.length == __EXPECTED__.length );
ready

Revisions

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