用jQuery怎样实现心型点赞加一的效果？
发布时间：2022-02-11 12:54:56 所属栏目：语言 来源：互联网
导读：这篇文章给大家分享的是用jQuery怎样实现心型点赞加一的效果。对于点赞的功能想必大家都不陌生吧，下文给大家介绍一下简单的实现点赞效果的示例，感兴趣的朋友可以参考，接下来就跟随小编一起了解看看吧。 本文操作环境：Windows7系统、jquery-3.3.1版、DELL
|
这篇文章给大家分享的是用jQuery怎样实现心型点赞加一的效果。对于点赞的功能想必大家都不陌生吧，下文给大家介绍一下简单的实现点赞效果的示例，感兴趣的朋友可以参考，接下来就跟随小编一起了解看看吧。 本文操作环境：Windows7系统、jquery-3.3.1版、DELL G3电脑 jQuery怎么实现点赞加1？ Jquery一个简单的点赞效果，实现点赞数+1 1、导入JS <script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script> 2、CSS代码 a{ text-decoration:none ; color: #999999;}.red{ color: red;} 3、HTML代码 <p>王思葱竟然也是舔狗？<a href="#"><span class="liker">999</span></a></p> <p>震惊，一名科学家发现每刷一分钟抖音，人的生命就会减少60秒！<a href="#"><span class="liker">520</span></a></p> 4、JS代码 $(function(){ //点赞 $(".liker").on("click",function(){ // 判断是否已经点赞过 if($(this).hasClass("red")){ return } //添加样式 并且数字+1 $(this).addClass("red") var num=$(this).html().substring(1) num++ $(this).html(""+num) //ajax更新数据 })}) 运行… （编辑：唐山站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
