Rumah > Artikel > hujung hadapan web > jquery addclass不起作用怎么办
jquery addclass不起作用是因为新添加的样式的优先级比起原先的样式低,其解决办法就是将改变的样式写法改为“.test .change{background: white;}”即可。
本教程操作环境:windows7系统、jquery1.2.6版本,DELL G3电脑,该方法适用于所有品牌电脑。
推荐:jquery视频教程
使用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")语句就有效了
Atas ialah kandungan terperinci jquery addclass不起作用怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!