例子

html：

<input value="添加颜色样式" type="button" id="btn">
<input value="增大div的高度" type="button" id="btn2">
<input value="删除颜色样式" type="button" id="btn3">
<input value="判断是否有颜色样式" type="button" id="btn4">

<div id="box">
    李雷、韩梅梅、lucy、lili
</div>

css：

<style>
    div{
        border: 1px solid red;
        width: 300px;
        height: 80px;
    }
    .red{
        background-color: #5bc0de;
        color: red;
    }
    .add_height{
        height: 200px;
    }
</style>

js：

<script src="js/jquery-1.11.0.js"></script>
<script>
  $("#btn").click(function () {
      //添加样式
      $("#box").addClass("red")
  })
  $("#btn2").click(function () {
      // 删除样式
      $("#box").addClass("add_height")
  })
  $("#btn3").click(function () {
      // 删除样式
      $("#box").removeClass("red")
  })
  $("#btn4").click(function () {
      // 判断是否有 red 样式
      const res = $("#box").hasClass("red")
      console.log("res:",res)
  })
</script>

原文出处：/show_1IX5mxqaGcxN.html