版权声明：菜鸟的个人见解，请指导 https://blog.csdn.net/HUSHILIN001/article/details/81432824
jq中节点关于class的操作：
addClass：在节点上增加class；
removeClass：在节点上移除class；
hasClass：该节点是否有class；
tggleClass：切换该节点关于这个class的属性，若有则修改为无，若无则修改为有
代码不多：简单理解：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
.spancolor {
color: red;
}
</style>
<body>
<span style="background-color: blue">这个是一个带颜色以及背景色的span标签</span>
<br />
<button class="addclass">addClass</button>
<button class="removeclass">removeclass</button>
<button class="toggleclass">toggleclass</button>
<button class="hasclass">hasclass</button>
</body>
<script src="js/jquery.min.js">
</script>
<script>
//addclass
$("body").on("click", ".addclass", function() {
$("span").addClass("spancolor");
});
//removeclass
$("body").on("click", ".removeclass", function() {
$("span").removeClass("spancolor");
});
//toggleclass:切换
$("body").on("click", ".toggleclass", function() {
$("span").toggleClass("spancolor");
});
//hasclass:是否有指定的class
$("body").on("click", ".hasclass", function(e) {
alert($("span").hasClass("spancolor").toString());
});
</script>
</html>基于：jq1.9