style versus jquery css (v32)

Revision 32 of this benchmark created by m_gol on

Preparation HTML

<div id="test" style="width: 400px; height: 200px; background-color: #ccc;">
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js">
</script>
<script>
var $jq = jQuery.noConflict();
</script>
<script src="//dl.dropboxusercontent.com/u/10200888/jquery/jquery.min.js">
</script>
<script>
var $jqPatched = jQuery.noConflict();
</script>

Setup

var testDiv = document.getElementById('test');
    var $jqTest = $jq('#test');
    var $jqPatchedTest = $jqPatched('#test');

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery css()
$jqTest.css('background-color', '#000000');
ready
jQuery css() patched
$jqPatchedTest.css('background-color', '#000000');
ready
Raw style
testDiv.style.backgroundColor = "#000000";
ready

Revisions

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