首先我们在示例中放三件商品，并且在商品的左上角放上一颗红心，用于点击我喜欢功能。
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<ul class="list clearfix">
<li>
<img alt="纯棉嘴唇珠片T恤短裙套装" src="http://imgtest-dl.meiliworks.com/pic/_o/7c/c4/84c7b57b893cf92c915f763deeb5_640_900.ch.jpg_947bdc66_s1_q0_150_5_0_226_800.jpg" />
<p> <a class="likes" title="我喜欢" href="#">2100</a> </p>
</li>
<li>
<img alt="【成名夜】九分休闲裤" src="http://d05.res.meilishuo.net/pic/_o/ad/19/0f3def1ca6a115537dccb180a3a9_640_832.cf.jpg_2ab460b9_s1_q0_150_5_0_226_800.jpg" />
<p> <a class="likes" title="我喜欢" href="#">716</a> </p>
</li>
...
</ul>当用户点击自己喜欢的图片上的红心按钮时，更新原有的数值。
$(function() {
$(".likes").click(function() {
var obj = $(this);
obj.fadeOut(300);
//以下通过ajax成功返回，这里ajax不作代码演示
var num = parseInt(obj.text());
obj.text(num + 1).fadeIn(300);
});
});*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
