jQuery CSS3 Not vs. .Not() (v38)

Revision 38 of this benchmark created by Roman on

Preparation HTML

<div id="container">
     <img class="image" src="http://www.browserscope.org/static/img/logo.png" />
     <img hidden="true" src="http://www.browserscope.org/static/img/logo.png" />
     <img src="http://www.browserscope.org/static/img/logo.png" />
</div>
<div class="block">
     <img class="slide" src="http://www.browserscope.org/static/img/logo.png" />
     <img class="slide" src="http://www.browserscope.org/static/img/logo.png" />
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
Not() Method
$('img').not('.block img, .image, :hidden');
ready
CSS3 Selector
$('img:not(.image):not(:hidden):not(.slide)');
ready

Revisions

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