Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<ul>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
  <li>hello</li>
</ul>
<script>
  Benchmark.prototype.setup = function() {
    var $li = $('ul').find('li');
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

$li.css('color','#FFF');

$li.css('color','#FFFFFF');

$li.css({ color: '#FFF' });

$li.css({ color: '#FFFFFF' });

$li.css({ 'color': '#FFFFFF', 'border-color': '#FFFFFF', 'font-size': 12, 'padding': 5, 'margin': 5 });

$li.css('color','#FFFFFF').css('border-color','#FFFFFF').css('font-size',12).css('padding',5).css('margin',5)

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by Brian Cerceo on 28th January 2012
• Revision 2: published on 28th January 2012

0 comments