Jquery + CSS实现简单好看的点赞效果

Posted 2021-10-05 //我是小白

CSS代码：

.red{
	color: red;
}

html代码：

<a href="javascript:void(0)"><span class="liker">❤665</span></a>

JS代码:

 //点赞
 $(".liker").on("click", function () {
    // 判断是否已经点赞过
    if ($(this).hasClass("red")) {
         return
    }
    //添加样式 并且数字+1
    $(this).addClass("red")
    var num = $(this).html().substring(1)
    num++
    $(this).html("❤" + num)
    //ajax后台更新数据
})