1.获取元素的class属性值

attr("class")

<div id="conBlue" class="blue larger">天蓝色</div>const cla = $("#conBlue").attr("class")
console.log(cla)   // blue larger

2.设置元素的样式 

attr("class", "样式名")

    <style>div{padding: 8px;width: 180px;}.blue {background-color: blue;}.larger {font-size: 30px;}.green{background-color: green;}</style><div id="conBlue" class="blue larger">天蓝色</div>// 设置样式:attr("class", "样式名")   -> 原本的样式会被覆盖$("#conBlue").attr("class", "green")  // 此时class="blue larger"变为class="green" 原本的样式被覆盖了

3.添加样式 

addClass("样式名")

    <style>div{padding: 8px;width: 180px;}.blue {background-color: blue;}.larger {font-size: 30px;}.green{background-color: green;}.pink{background-color: pink;}</style><div id="conBlue" class="blue larger">天蓝色</div>$("#conBlue").addClass("pink")   // -> 在原来的基础上添加，不会覆盖原来的，如果出现相同的样式，则以 后定义 的为准

4.添加具体的样式 

css()

<div id="conBlue" class="blue larger">天蓝色</div>$("#conBlue").css("font-size","40px")

5.移除样式 

removeClass("样式名")

<div id="remove" class="blue larger">天蓝色</div>$("#remove").removeClass("blue")  // 此时class="blue larger"变为class="larger"