simple removeClass vs jquery removeClass (v2)

Revision 2 of this benchmark created by select from dom on June 21, 2011

Preparation HTML

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

<div id="foo">300%</div>
<div id="test" class="class_a class_b class_c"></div>

<script type="text/javascript">
(function( $ ){
    $.fn.removeClass2 = function( className ) {  
        return this.each(function() {
            $this = $(this).get(0);
            if ( $this.className ) {
                var classList = $this.className.split(' ');
                for ( var i = 0; i < classList.length; i++ ) {
                    if(classList[i] == className) {
                        classList.splice(i, 1);
                    }
                }
                $this.className = classList.join(' ');
            }
        });
    };
})( jQuery );

</script>

Test runner

$('#test').removeClass();

$('#test').removeClass2('class_a');

$('#test').removeAttr("class");

Revisions

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

• Revision 1: published on December 14, 2010
• Revision 2: published by select from dom on June 21, 2011