- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- 用jQuery怎样实现心型点赞加一的效果？
用jQuery怎样实现心型点赞加一的效果？
Admin 2022-01-18 群英技术资讯 556 次浏览
这篇文章给大家分享的是用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更新数据
})}) 运行…
单击小爱心后
以上就是关于是用jQuery实现心型点赞的效果的介绍，本文只是提供了一种实现思路，代码仅供参考，需要的朋友可以了解看看，当然，这里没有写后台交互的代码，想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
如何用toLocaleString方法对数字做格式化处理
本篇文章给大家带来了关于javascript的相关知识，主要为大家介绍了JavaScript中使用toLocaleString数字格式化处理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助。
-
element-ui封装表单金额输入框怎么做，有哪些实现要注意
这篇文章主要介绍了基于element-ui封装表单金额输入框的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
-
用vue怎样做侧边的抽屉弹窗效果?
这篇文章给大家分享的是用vue怎样做侧边的抽屉弹窗效果，以下代码比较简单，主要就是实现 侧边弹窗而且不会影响页面操作的方式，文中示例代码介绍的非常详细，感兴趣的朋友接下来一起跟随小编看看吧。
-
如何掌握TypeScript枚举类型，有哪些知识点
这篇文章主要介绍了TypeScript 枚举类型，TypeScript 在 ES 原有类型基础上加入枚举类型，使得在 TypeScript 中也可以给一组数值赋予名字，这样对开发者比较友好，可以理解枚举就是一个字典，文章内容围绕TypeScript 枚举类型展开内容,需要的朋友可以参考一下
-
如何用element的区间选择组件限制输入交易金额
这篇文章主要介绍了详解基于element的区间选择组件校验(交易金额)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
