动态创建class,覆盖class属性

先说明下问题

使用轮播swiper插件,并可以自定义(颜色选择器选择)分页pagination 圆点大小和颜色。在自定义颜色的时候遇到了该问题
动态创建class,覆盖class属性_第1张图片
如图所示,两个圆点样式分别为.swiper-pagination-bullet未选中和 swiper-pagination-bullet-active选中样式。项目中还有其他地方又自定义颜色我是直接修改css实现,但是这个地方直接修改css轮播后圆点样式不会改变。所以就需要动态创建class。

 $("").text(".swiper-pagination-bullet-active{ background-color:red;")
.appendTo($(".swiper-pagination"));
修改后

动态创建class,覆盖class属性_第2张图片

你可能感兴趣的:(javascript,jquery,css,html)