jquery show and hide element

JavaScript performance comparison

Test case created by Johnson Jiang

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="mydiv">I am a div</div>
<script>
Benchmark.prototype.setup = function() {
    var $div=$("#mydiv");
};
</script>

Preparation code output

I am a div

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
jQuery.hide()/show()
$div.hide();
$div.show();
pending…
jQuery.css("display","")
$div.css("display","none");
$div.css("display","");
pending…
addClass("hide")
$div.addClass("hide");
$div.removeClass("hide");
pending…

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

Compare results of other browsers

0 comments

Add a comment