急！求指教一个样式切换的问题

Question

在JS中我要用addclass和removeclass点击改变这个iconfont的样式应该怎么写 求大神指教!

Answer 1

.solid{
   color:red;
}
remove/addClass('solid')

Answer 2

你可能是写jQuery吧.fr.mt5.mr5.on .icon-shoucang {
  color: red
}$('.fr.mt5.mr5').click(function () {
  $(this).toggleClass('on')
})

Answer 3

你代码提供得太少了，无法判断你想点击什么元素改变什么元素，也无法知道你添加或删除的类名，只好自以为是地认为是单击<i>元素改变<i>元素，并自设两个类名。
适合通过两个类控制交替的方法一：
$(".iconfont").click(function () {
    //判断是否包含redclass类，包含则去掉redclass类，添加whiteclass类
    //否则去掉whiteclass类，添加redclass类
                if ($(this).hasClass("redclass")) {
                    $(this).removeClass("redclass");
                    $(this).addClass("whiteclass");
                } else {
                    $(this).removeClass("whiteclass");
                    $(this).addClass("redclass");
                }
            })
适合通过一个类交替控制的方法二：
$(".iconfont").click(function () {
//如果包含redclass类，则去掉redclass类，否则添加redclass类
                $(this).toggleClass("redclass");
            })

Answer 4

把实心和空心的样式分别写在两个class里面，然后你就可以通过removeClass和addClass来操作这个，点击后移除空心添加实心

Answer 5

$(".mt5").on("click",function () {
        $(".iconfont").removeClass("iocn-shouchang")
        $(".iconfont").addClass("iocn-shouchang1");
    })
你再去找实心的icon图标就行了

Answer 6

toggle()或者addClass()、removeClass()