Jquery Selectors

JavaScript performance comparison

Test case created

Info

different ways of handling jquery

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div class="foo">
        foo
        <div class="foo">
                foo
                <div class="foo">
                        foo
                        <div class="foo">
                                foo
                                <div class="foo">
                                        foo
                                        <div class="foo">
                                                foo
                                                <div class="foo">
                                                        foo
                                                        <div class="foo">
                                                                foo
                                                                <div class="bar">
                                                                        bar
                                                                        <div class="biz">
                                                                                biz
                                                                        </div>
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
</div>
<script>
Benchmark.prototype.setup = function() {
    var bar = $('.bar');
    var __EXPECTED__ = $('.biz');
    function assert(condition, message) {
        if (!condition) {
            throw message || "Assertion failed";
        }
    }
};
</script>

Preparation code output

foo
foo
foo
foo
foo
foo
foo
foo
bar
biz

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
direct
var bizs = $('.biz');
assert( bizs.length == __EXPECTED__.length );
pending…
direct+within
var bizs = $('.biz', bar);
assert( bizs.length == __EXPECTED__.length );
pending…
find
var bizs = $(bar).find('.biz');
assert( bizs.length == __EXPECTED__.length );
 
pending…
has
var bizs = $(bar).has('.biz');
assert( bizs.length == __EXPECTED__.length );
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:

0 comments

Add a comment