Mootools vs jquery display

JavaScript performance comparison

Test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/mootools/1.3/mootools-yui-compressed.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>



<div id="container"></div>
<script>
Benchmark.prototype.setup = function() {
    jq = jQuery.noConflict();
    var jqCon = jq('#container');
    var mooCon = $$('#container')[0];
};
</script>

Preparation code output

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
jqCon.hide();
jqCon.show();
pending…
mootools
mooCon.setStyle('display', 'none');
mooCon.setStyle('display', '');
pending…
jquery -display
jqCon.get(0).style.display = "none"
jqCon.get(0).style.display = "block"
pending…
jquery -display2
jqCon.css("display", "none");
jqCon.css("display", "block");
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