#### 时间： 2018-2-8 18:04 当我第一次点击的时候，字体图标颜色发生改变，当我第二次点击的时候，字体图标的颜色还原 HTML代码： ~~~ <div class="top-right"> <i class="icon iconfont icon-shoucang-moren"></i> <span>收藏</span> </div> ~~~ css 改变之前的代码： ~~~ .top-right i.iconfont { display: block; margin-top: 1px; text-align: center; font-size: 20px; color: #fff; } ~~~ css 改变之后的代码： ~~~ color: red; ~~~ js代码： ~~~ $(".top-right i").on("touchend", function(){ if($(this).hasClass("challageColor")){ $(this).removeClass("challageColor"); mui.toast("取消收藏成功！") }else{ $(this).addClass("challageColor"); mui.toast("收藏成功！") } }) ~~~