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

yunfengzhang 2018-04-20 11:25:08
在JS中我要用addclass和removeclass点击改变这个iconfont的样式应该怎么写 求大神指教!
...全文
988 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
yaotomo 2018-04-22
  • 打赏
  • 举报
回复
toggle()或者addClass()、removeClass()
  • 打赏
  • 举报
回复
把实心和空心的样式分别写在两个class里面,然后你就可以通过removeClass和addClass来操作这个,点击后移除空心添加实心
weixin_40753392 2018-04-21
  • 打赏
  • 举报
回复
$(".mt5").on("click",function () { $(".iconfont").removeClass("iocn-shouchang") $(".iconfont").addClass("iocn-shouchang1"); }) 你再去找实心的icon图标就行了
似梦飞花 2018-04-20
  • 打赏
  • 举报
回复
.solid{ color:red; } remove/addClass('solid')
winzond 2018-04-20
  • 打赏
  • 举报
回复
你代码提供得太少了,无法判断你想点击什么元素改变什么元素,也无法知道你添加或删除的类名,只好自以为是地认为是单击<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");
            })
ajccom 2018-04-20
  • 打赏
  • 举报
回复
你可能是写jQuery吧 .fr.mt5.mr5.on .icon-shoucang { color: red } $('.fr.mt5.mr5').click(function () { $(this).toggleClass('on') })

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧