.not vs :not (v6)

Revision 6 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<h2>Site Title</h2>

<a href="#" class="announceForced" >Open announceForced modal</a><br>
<a href="#" class="announceForced" >Open announceForced modal</a><br>
<a href="#" class="announceForced" >Open announceForced modal</a><br>
<a href="#" class="announceForced" >Open announceForced modal</a><br>
<a href="#" class="announceForced" >Open announceForced modal</a><br>
<a href="#" class="announceForced" >Open announceForced modal</a><br>
<a href="#" class="announceForced" >Open announceForced modal</a><br>
<a id="hi" href="#" class="announceForced" >Open announceForced modal</a><br>

Test runner

Ready to run.

Testing in
TestOps/sec
.not
jQuery('.announceForced').not(jQuery("#hi")).filter(function(){return this.href === "#"});
ready
:not
jQuery('.announceForced:not("#hi")').filter(function(){return this.href === "#"});
ready
.not selector
jQuery('.announceForced').not('#hi').filter(function(){return this.href === "#"});
ready
.filter()
jQuery('.announceForced').filter(function(){return this.href === "#" && this.id === "hi"});
ready

Revisions

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