jquery addClass方法失效问题_addclass('checked')失效-CSDN博客

来源: juqery addClass方法失效问题_addclass(‘checked’)失效-CSDN博客

使用JQuery的addClass方法后,样式已经成功添加,但还是没有效果,是因为新添加的样式的优先级比起原先的样式低所致。
例如,原先样式如下
.test div{
width: 100px;
height: 100px;
background: black;
}
改变的样式如下:
.change{
background: white;
}
像这种原先样式带有父级的,对.test容器里的div直接使用addClass(“change”)语句是没效果的,因为change样式优先级低于原先的样式,可以采用如下方法:
将改变的样式写法改为:
.test .change{
background: white;
}
或者改为:
.change{
background: white!important;
}
这时对.test容器里的div使用addClass(“change”)语句就有效了
————————————————
                            版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/wz13759497175/article/details/79302417
赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏