childselector-vs-children

Benchmark created on

Preparation HTML

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
  <li class="item-iv">IV</li>
  <li class="item-v">V</li>
</ul>

Test runner

Ready to run.

Testing in
TestOps/sec
.children+.not
$('.level-1').children().not('.item-iii');
ready
.children+selector
$('.level-1').children(':not(".item-iii")');
ready
selector+.not
$('.level-1 > *').not('.item-iii');
ready
.find+.add
$('.level-1').find('.item-i').add('.item-ii').add('.item-iv').add('.item-v');
ready
.find+giantselector
$('.level-1').find('.item-i, .item-ii, .item-iv, .item-v');
ready

Revisions

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