empty().html() vs html() (v2)

Revision 2 of this benchmark created by juloo on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="test">
<div id="question-summary-19370968" class="question-summary narrow tagged-interesting">
    <div class="cp" onclick="window.location.href='/questions/19370968/jquery-slide-in-and-out-behaving-odd-buttons-disappearing'">
        <div class="votes">
            <div class="mini-counts">2</div>
            <div>votes</div>
        </div>
        <div class="status answered">
            <div class="mini-counts">1</div>
            <div>answer</div>
        </div>
        <div class="views">
            <div class="mini-counts">36</div>
            <div>views</div>
        </div>
    </div>
    <div class="summary">
        
                    <h3><a title="I am working on a mockup and have created this:
http://cynthialarenas.billybluedigital.net/

I'm having a problem with my nav buttons: Play, About, How To.

If you click 'about' then 'how to' ..." class="question-hyperlink" href="/questions/19370968/jquery-slide-in-and-out-behaving-odd-buttons-disappearing">jQuery Slide in and out behaving odd, buttons disappearing</a></h3>
        <div class="tags t-javascript t-jquery t-html t-css">
            <a rel="tag" title="show questions tagged 'javascript'" class="post-tag" href="/questions/tagged/javascript">javascript</a> <a rel="tag" title="" class="post-tag" href="/questions/tagged/jquery">jquery</a> <a rel="tag" title="" class="post-tag" href="/questions/tagged/html">html</a> <a rel="tag" title="" class="post-tag" href="/questions/tagged/css">css</a> 
        </div>
        <div class="started">
            <a class="started-link" href="/questions/19370968/jquery-slide-in-and-out-behaving-odd-buttons-disappearing/?lastactivity"><span class="relativetime" title="2013-10-15 07:08:47Z">27 mins ago</span></a>
            <a href="/users/2880820/chris-deacy">Chris Deacy</a> <span dir="ltr" title="reputation score" class="reputation-score">1</span>
        </div>
    </div>
</div>
</div>

Setup

var testdiv = "<div id='hmenus'><ul><li><a href='/questions' id='nav-questions'>Questions</a></ul></div>";

Test runner

Ready to run.

Testing in
TestOps/sec
empty
$('#test').empty().html(testdiv);
ready
wo empty
$('#test').html(testdiv);
ready
js
document.getElementById('test').innerHTML = testdiv;
ready

Revisions

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