jQuery CSS3 Not vs. .Not()

JavaScript performance comparison

Revision 13 of this test case created on 13th January 2012

Info

The jQuery docs specify that it's better to use .not() over $('x:not(y)'). Testing to make sure that's the case in all browsers.

Preparation code

<div id="container">
      <div class="header"> Header </div>
      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>      <div>Div</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Preparation code output

Div

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test		Ops/sec
CSS3 Selector	`var d = $('div:not(.header)');`	pending…
Not() Method	`var d = $('div').not('.header');`	pending…
CSS3 + filter	`var d = $('div').find(":not(.header)");`	pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

Revision 1: published by Jeffrey Way on 5th November 2010
Revision 5: published by John-David Dalton on 8th November 2010
Revision 7: published on 22nd February 2011
Revision 8: published on 18th May 2011
Revision 9: published on 10th June 2011
Revision 10: published on 21st December 2011
Revision 11: published on 5th January 2012
Revision 12: published on 13th January 2012
Revision 13: published on 13th January 2012
Revision 14: published on 13th January 2012
Revision 15: published on 26th February 2012
Revision 18: published on 14th June 2012
Revision 20: published on 20th November 2012
Revision 21: published on 14th December 2012
Revision 22: published on 27th December 2012
Revision 23: published by rein on 7th January 2013
Revision 25: published by jD 1 week ago