clone vs append on jquery (v4)

Revision 4 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="a"></div>
<script>
  var a = $( '#a' )
  var b = $( '<div>' ).append(
                $( '<div>' ).addClass( 'line2' ),
                $( '<div>' ).addClass( 'line3' ),
                $( '<span>' ).text( ':)' )
        );
</script>

Teardown


    a.empty();

Test runner

Ready to run.

Testing in
TestOps/sec
html
a.append(
        $( '<div>' ).append(
                $( '<div>' ).addClass( 'line2' ),
                $( '<div>' ).addClass( 'line3' ),
                $( '<span>' ).text( ':)' )
        )
);
ready
append
a.html(
        $( '<div>' ).append(
                $( '<div>' ).addClass( 'line2' ),
                $( '<div>' ).addClass( 'line3' ),
                $( '<span>' ).text( ':)' )
        )
);
ready
html clone
a.html( b.clone() );
ready
append clone
a.append( b.clone() );
ready

Revisions

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