如何使用addClass和removeClass在Class之间切换？

我创建了自己的Switcher jQuery,我想在点击另一种颜色时删除类,例如:我在body标签上有"blue"类,当有人点击red时应删除蓝色类并用红色类替换它等. .

代码:

$("body").addClass("wide light blue");

// Switcher jQuery Plugin
$(".switcher-toggle").click(function() {
    $("#switcher").toggleClass("open");
});

// Theme Layout Switch
$(".layout").change(function() {
    var layout = $(".layout").val();
    $(".wrapper").css("width",layout);
});

// Theme Skins Switch
$(".skins").change(function() {
    var skin = $(".skins").val();
    $("body").toggleClass(skin);
});

// Theme Colors Switch
$(".colors span").each(function() {
     var data_color = $(this).attr("data-color");
     $(this).click(function() {
         $("body").toggleClass(data_color);
     });
});

演示: https ://jsfiddle.net/uikithemes/p18cqa5s/