jQuery教程

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实现简单好看的点赞效果的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!