Info

This test case is checking the class of div. If it exists, remove it and add a seperate style.

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div id="test" class="open" opened="true">Test</div>

<style>
  open{color:green;}
  closed{color:red;}
</style>
 
<script>
  Benchmark.prototype.setup = function() {
    var $test = $("#test");
    
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

if($test.hasClass('open')){
   $test.removeClass('open').addClass('closed');
}

else{
  $test.removeClass('closed').addClass('open');
}

if($test.attr('opened')){
   $test.css('color','red').attr('opened',false);
}
else{
   $test.css('color','green').attr('opened',true);
}

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 Mohit Seth on 3rd February 2012

0 comments