Javascript jquery添加类和删除类不起作用

我试着做.s按钮 当单击.s按钮时 将新元素附加到标记中 并删除.s类并添加新类.h 当单击.h类时，元素将从我的主体中移除

我希望在单击.s添加元素和单击.h删除元素时

添加类“h”工作良好！但当单击.h元素时，不会删除

我的代码：

<script type="text/javascript">
    jQuery(document).ready(function () {

        var style = '<style class="kha">body{background:#000;}</style>'

        jQuery(".s").click( function () { 
            jQuery("body").append(style);
            jQuery(".s").addClass("h").removeClass("s");
        });

        jQuery(".h").click(function () { 
            jQuery(".kha").remove();
        });

    });
</script>

jQuery（文档）.ready（函数（）{
var style='body{background:#000；}'
jQuery（“.s”）。单击（函数（）{
jQuery（“body”）.append（样式）；
jQuery（“.s”）.addClass（“h”）.removeClass（“s”）；
});
jQuery（“.h”）。单击（函数（）{
jQuery（“.kha”）.remove（）；
});
});

HTML:

黑色

---

您可以使用

.toggleClass（）

：

var style='body{background:#000；}'；
jQuery（“.s”）。单击（函数（）{
jQuery（“body”）.append（style）；//追加样式
if（$（this.hasClass（'h'））{$（'.kha'）.remove（）；}//检查是否添加了类h
jQuery（this.toggleClass（“sh”）；//将类切换为.s.h
});
.s{
颜色：绿色；
}
h{
颜色：红色；
}

使用h切换的s。
您可以使用
.toggleClass（）
：


var style='body{background:#000；}'；
jQuery（“.s”）。单击（函数（）{
jQuery（“body”）.append（style）；//追加样式
if（$（this.hasClass（'h'））{$（'.kha'）.remove（）；}//检查是否添加了类h
jQuery（this.toggleClass（“sh”）；//将类切换为.s.h
});
.s{
颜色：绿色；
}
h{
颜色：红色；
}

带h切换的s。
样式的委派？？样式的委派？？可以工作，但未删除[style]元素！我想在单击.h时删除样式元素，当单击.s添加样式元素时，请查看样式va。@Sultan您可以先按特定顺序放置样式，然后按h.work，但背景色不删除我想在单击.s将样式va添加到正文中，当单击.h从正文中删除样式var时，我有一个很长的风格，但我拍身体背景色，例如，只工作，但[风格]元素没有删除！我想在单击.h时删除样式元素，当单击.s添加样式元素时，请查看样式va。@Sultan您可以先按特定顺序放置样式，然后按h.work，但背景色不删除我想在单击.s将样式va添加到正文中，当单击.h从正文中删除样式var时，我有一个很长的风格，但我只拍身体背景色为例
 <span class="s">Black Color</span>

$("#addClass").click(function () {

    $('#para1').addClass('highlight');

});

$("#removeClass").click(function () {

    $('#para1').removeClass('highlight');

});