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

本文主要是介绍Jquery + CSS实现简单好看的点赞效果，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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后台更新数据
})           

这篇关于Jquery + CSS实现简单好看的点赞效果的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！