jQuery CSS3 Not vs. .Not() (v5)

Revision 5 of this benchmark created by John-David Dalton on


Preparation HTML

<script>
try {
  document.qsa = document.querySelectorAll;
  document.querySelectorAll = null;
} catch(e){}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="container">
      <div id="header"> Header </div>
      <div>Div</div>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
CSS3 Selector (QSA)
var d = document.qsa('div:not(#header)');
ready
CSS3 Selector (jQ)
var d = $('div:not(#header)');
ready
Not() Method
var d = $('div').not('#header');
ready

Revisions

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