CSS3 vs jQuery selectors

Benchmark created on October 11, 2011

Description

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="content" class="service-container">
  <div id="one">
    One
  </div>
  <div id="two">
    Two
  </div>
  <div id="three">
    Three
  </div>
  <div id="four">
    Four
  </div>
  <div id="five">
    Five
  </div>
</div>

Test runner

$('#content div:not(:nth-child(2))').hide();

$('#content div:nth-child(2)').siblings('div').hide();

$('#content div').filter(':eq(2)').siblings('div').hide();

Revisions

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

• Revision 1: published on October 11, 2011