jquery为dom元素追加样式，使用addClass不生效

错误：

jquery为dom元素追加类样式，使用addClass追加样式不生效，使用css()添加样式才可以生效

$("#id").addClass("checkColor");不生效

修改为： $("#id").css("background","#0F8100")生效

原因：

样式优先级的问题，父级样式的优先级要高于后设置样式的优先级，所以会渲染优先级高的样式

解决办法：应该对追加的类中样式进行优先级提升

!important,作用是提高指定样式规则的应用优先权(优先级)

如下图所示：

.checkColor{
    color: white;
    background: #0F8100!important;
}