jQuery Swap Class

Crate a small Swap Class plugin

by Alvin Olavarrieta

HTML

<link rel="stylesheet" href="http://jasny.github.io/bootstrap/assets/css/bootstrap.css">
<script src="http://media.gigats.com/js/mediaJS/bootstrap.min.js"></script>
<p class='red'>Watch my class switch. Class = <b></b>

</p>
<button id="swap">Swap Class</button>

CSS

.red {
    color:red;
}
.green {
    color:green;
}

JavaScript

$.fn.swapClass = function (class1, class2) {
    return this.each(function () {
        var elem = $(this);
        elem.hasClass(class1) ? elem.removeClass(class1).addClass(class2) : elem.removeClass(class2).addClass(class1);
    });
}

$('#swap').click(function () {
    $('p').swapClass('red', 'green').text('p;');
});