jQuery实现点击关注和取消功能

网络用语“赞”的意思是“同意”和“喜欢”。

网络语言来源于网络社区的“赞美”功能。在某种程度上，你给予和接受的赞美的数量，给予赞美的偏好等等。可以反映出你是一个什么样的人，处于什么样的状态。在赞美的背后，反思自己。与之相对应的是取消功能。巧的是，博主最近在一个app里，其中一个版块需要实现点赞和取消的功能。经过思考，我决定用JQuery代码来实现。好了，别废话了，去干吧！

首先，介绍一下JQuery插件

其次，我们需要定义一个div并给它一些样式

然后是JS代码，如下所示

$(文档)。ready(function(){ var onOff=true；var div=$('。div’)；Div。单击(function () {if (div。onoff) {div。val(“跟我来”)；div . CSS({ ' background ' : ' # CCC ' })；div.onOff=false} else { div . CSS({ ' background ' : ' red ' })；Div.val('注意')；div.onOff=真；} });});实现效果如下

可见JS代码很好用。类似地，画面切换效果可以如下实现

其实现代码如下

html:

Div class='div'/divcss:注意图片路径。div { background-image : URL(img/guanju . png)；宽度： 100 px；高度： 40px；背景尺寸size:80px背景-重复：不重复；}JS代码

$(文档)。ready(function(){ var onOff=true；var div=$('。div’)；div . click(function(){ if(div . onoff){ div . CSS({ ' background-image ' : ' URL(img/guanju . png)' })；div.onOff=false} else { div . CSS({ ' background-image ' : ' URL(img/yiguanju . png)' })；div.onOff=真；} });});以上是边肖介绍的点击关注和取消的功能。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！