etapi cumulative effect

Benchmark created by orkel on December 7, 2011

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
    var $current = jQuery.noConflict();

</script>
<script src="https://docs.google.com/uc?id=0B6yiDAQGhvdFZWVkNjcxZDctOWYwYS00NzdjLWFkMDUtZmM0Yjg2OTYyZjhh&export=download&hl=ru"></script>
<script>
    var $test = jQuery.noConflict();

</script>
<div class="parent">
    <div>
        test
    </div>
    <!--test -->
    <![CDATA[test]]>
    test
    <div>
        test
    </div>
    <!--test -->
    <![CDATA[test]]>
    test
    <div class="first">
        test <!--test -->
        <![CDATA[test]]>
        test
        <div>
            test
        </div>
        <!--test -->
        <![CDATA[test]]>
        test
        <div class="second">
            test
            <div class="third">
                <div>
                    test
                </div>
                <!--test -->
                <![CDATA[test]]>
                test
                <div>
                    test
                </div>
                <!--test -->
                <![CDATA[test]]>
                test
                <div class="fifth">
                    test <!--test -->
                    <![CDATA[test]]>
                    test
                    <div>
                        test
                    </div>
                    <!--test -->
                    <![CDATA[test]]>
                    test
                    <div class="end">
                        test
                    </div>
                    <!--test -->
                    <![CDATA[test]]>
                    test
                </div>
                <!--test -->
                <![CDATA[test]]>
                test
                <div>
                    test
                </div>
                <!--test -->
                <![CDATA[test]]>
                test
                <div>
                    test
                </div>
                <!--test -->
                <![CDATA[test]]>
                test
            </div>
        </div>
        <!--test -->
        <![CDATA[test]]>
        test
    </div>
    <!--test -->
    <![CDATA[test]]>
    test
    <div>
        test
    </div>
    <!--test -->
    <![CDATA[test]]>
    test
    <div>
        test
    </div>
    <!--test -->
    <![CDATA[test]]>
    test
</div>
<script>
    var testParent = $test(".parent"), currentParent = $current(".parent");

</script>

Test runner

$current( "body" ).children( ".parent" )
// use removeClass, addClass, 
.children( "div:first" )
// change html
.nextAll( ".first" )
// set attrs
.children( "div:first" )
// set events
.siblings( ".second" )
// set css
.children( ".third" )
// kill a puppy
.closest( ".first" )
 

$test( "body" ).children( ".parent" )
// use removeClass, addClass, 
.children( "div:first" )
// change html
.nextAll( ".first" )
// set attrs
.children( "div:first" )
// set events
.siblings( ".second" )
// set css
.children( ".third" )
// kill a puppy
.closest( ".first" )
 

Revisions

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

• Revision 1: published by orkel on December 7, 2011