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后台更新数据
})           
上一篇:CSS 选择器的介绍


下一篇:css基础 基础知识