jQuery怎么实现点赞加1
jQuery实现点赞加1的方法：1、导入jquery；2、设置HTML和CSS代码；3、通过代码“$(".liker").on("click",function(){...}”方法实现点赞加1效果即可。
本文操作环境：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怎么实现点赞加1的详细内容！
相关内容
-
浅谈jQuery+CSS实现前端网页加载进度条的三种方式
【推荐教程：CSS视频教程】前端网页加载进度条的实现有三种方式，看自己需求：一、顶部进度条在html代码中间插入jq代码执行动画。页面加载到哪部分，进度条就会相应的向前走多少当...
-
jq如何动态添加动态css样式
jq动态添加动态css样式的方法：首先准备jquery库文件，并声明一个class样式；然后准备一个事件加载初始化的方法，并直接用匿名函数；接着addClass方法给div元素...
-
jq怎么写css样式
方法如下：一般要在页面初始化的时候就要加载样式，所以使用ready()方法，语法格式为“$(document).ready(function)”。当DOM已经加载，并且页面（包...
-
jQuery html()方法有什么用
html()方法用于返回或设置被选元素的内容：1、如果未设置参数，则返回被选元素的当前内容，语法“$(selector).html()”；2、如果设置参数，则会覆盖所有匹配元素...
-
jquery怎么去除css属性
jquery去除css属性的方法：1、使用css()方法，语法格式“$(selector).css('属性名称','')”；2、使用re...
-
jquery怎么删除html元素
删除方法：1、使用remove()方法，可以删除被选元素及其子元素，语法“$(selector).remove()”；2、使用empty()方法，可以从被选元素中删除子元素，语...
-
jquery怎么替换html内容
替换方法：1、replaceWith()把被选元素替换为新的内容，语法“$(选择器).replaceWith(内容)”；3、replaceAll()用指定的HTML内容或元素替...
-
jquery对象怎么转为html dom对象
转换方法：1、jQuery对象是一个数据对象时，可以通过“[index]”方法进行转换，得到相应的DOM对象，语法“jQuery对象[index]”；2、通过“jQuery对象...
-
jquery怎么取消css样式
jquery取消css样式的方法：1、使用“$(selector).removeAttr("style");”语句移除全部css样式；2、使用“$(sele...
-
jquery中怎么修改css样式
jquery中修改css样式的方法：1、使用“css("属性名","属性值")”语句修改；2、使用“css({属性名:"属性值...
