jNext 0.0 $.fn.closest benchmark

by finom

HTML

<div id="main">
    <div class="colour green"></div>
    <div class="colour red">
        <div data-blah="red-inner"></div>
    </div>
    <div class="colour blue"></div>
    <div class="blah">
</div>
    
<script src="http://dl.dropbox.com/u/13598455/jNext/jNext.js"></script>

CSS

#main > div {
    width: 50px;
    height: 50px;
    position: absolute;
}
.red{background:red; left: 30px;}
.green{background:green; left: 90px;}
.blue{background:blue; margin-left: 30px;left: 150px;}

JavaScript

jQuery.noConflict();
var iterations = 10000;
console.time('jQuery')
for(var i=0; i<iterations; i++) {
    jQuery('*').closest('.colour');
}
console.timeEnd('jQuery')
console.time('jNext')
for(var i=0; i<iterations; i++) {
    jNext('*').closest('.colour');
}
console.timeEnd('jNext')