#### **這里主要是實現圖片和字體圖標的切換，通過點擊實現切換。** 圖片切換 html 代碼 ~~~ <div class="use"> <img src="img/no.png" class="changimg"> </div> ~~~ 圖片切換 js 代碼 ~~~ var toggle = true; $(".changimg").on("touchend", function(){ if(toggle){ $(this).attr("src", "img/yes.png"); toggle = false; $("#paotui-pay").slideToggle(300); }else { $(this).attr("src", "img/no.png"); $("#paotui-pay input[type='text']").val(""); toggle = true; $("#paotui-pay").slideToggle(300); } }) ~~~ 字體圖標切換的 HTML代碼 ~~~ <div class="top-right"> <i class="icon iconfont icon-shoucang-moren"></i> <span>收藏</span> </div> ~~~ css代碼 ~~~ .top-right { float: right; width: 10%; height: 40px; margin-top: -40px; } .top-right i.iconfont { display: block; margin-top: 1px; text-align: center; font-size: 20px; color: #fff; } .top-right i.challageColor { display: block; margin-top: 1px; text-align: center; font-size: 20px; color: red; } ~~~ js代碼 ~~~ $(".top-right i").on("touchend", function(){ if($(this).hasClass("challageColor")){ $(this).removeClass("challageColor"); alert("取消收藏成功！") }else{ $(this).addClass("challageColor"); alert("收藏成功！") } }) ~~~