JQuery点击按钮变色另一个变回原来

最新推荐文章于 2024-09-03 15:45:16 发布
最新推荐文章于 2024-09-03 15:45:16 发布
阅读量3.7k 收藏 5
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41556963/article/details/84553223
版权

我的事button按钮 class已经有值啦
<button type="button" class="btn btn-default">优惠商家</button>
<button type="button" type="button" class="btn btn-default">第二份半价</button>

$(’.btn’).on(‘click’,function() {
$(this).addClass(‘on’).siblings().removeClass(‘on’);
})

不想打代码的码农
关注
专栏目录
jquery 单选按钮点击切换
05-12
jquery 单选按钮点击切换
Jquery鼠标点击后变色，点击另一个按钮颜色还原
热门推荐
Hello_l的博客
12-25 2万+
转载一个！ Jquery鼠标点击后变色，点击另一个按钮颜色还原 $(function(){   $("#nav li").click(function(){     $("#nav li").eq($(this).index()).addClass("navdown").siblings().removeClass("navdown");   })
实现点击调色板动态变换背景颜色的jQuery特效
最新发布
weixin_29903713的博客
09-03 1736
本文还有配套的精品资源，点击获取 简介：本文介绍了如何利用jQuery库实现一个点击调色板来动态变换网页背景颜色的特效。这一特效不仅能够提升用户交互体验，还增强了网站的视觉个性化。文中详细阐述了实现该特效涉及的关键技术点，包括jQuery的事件监听、DOM操作、调用弹出层或模态对话框、颜色选择器的应用以及CSS样式的编写，为前端开发人员提供了一个实用的实践项目。 ...
jQuery点击改变背景颜色
weixin_43755104的博客
07-16 2112
文章目录 场景描述 当点击一个框时改变背景颜色 新建样式 .liantong { background-color: #ff7525 ; } 添加js文件 $(".phone").click(function () { //liantong是你的要改变的颜色 $(this).toggleClass("liantong"); }); ...
点击一个按钮使其样式发生变化，再点击另一个按钮发生同样变化，但上一个按钮样式复原
yg94web的博客
11-01 2434
可以使用三行jQuery代码实现这种效果 <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <title>6666</title> <style> .son{ width: 60px; height: 40px; background-colo
jquery点击变色，其余恢复原色
qq_46063760的博客
02-02 833
【代码】jquery点击变色，其余恢复原色。
鼠标点击一个div,另一个div变色.html
04-02
jquery/js实现鼠标点击一个div,另一个div变色demo
jQuery实现多按钮单击变色
01-19
这个小特效代码很简单，就不多做说明了，直接奉上源码。 JQuery代码： 代码如下: [removed]  //加载事件  $(function () {  var collection = $(“.flag”);  $.each(collection, function () {  $(this)....
jQuery展示表格点击变色、全选、删除
10-20
总结来说，这个示例利用jQuery实现了一个具有交互性的表格，包括行点击变色以突出显示选中行、图片的悬停放大效果，以及全选表格的机制。尽管没有涵盖具体的删除功能，但提供了基础框架，只需稍加扩展即可实现删除...
AngularJS实现按钮提示与点击变色效果
10-21
文章首先讲述了如何利用AngularJS创建一个带有提示信息的按钮。在这个过程中，使用了自定义指令（custom directive）和作用域（$scope）来传递数据和事件的绑定。例如： - 使用`restrict: 'E'`定义了一个自定义元素...
前端----Vue的学习：简单的点击变色
WdxOvO17的博客
10-18 611
在Vue的data中传入数组，然后在li标签中执行v-for循环，让他渲染在li标签里，然后，绑定点击函数，最后动态绑定。直接上代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .active { color: #f00; } </st
jQuery点击变色
01-11
jQuery实现色块点击变色，点击色块后变色，点击其它色块，原色块变回默认颜色
《前端》点哪里，哪里变颜色系列
BelleDiao的博客
03-31 262
今天同事想要实现“当点某一个页签的时候，这个页签就变颜色”。嗯，，，我觉得挺简单的。大包大揽把工作接过来。。 下班之后，心想着小案例一会就实现了，先做出来这个案例，然后再运动一下。结果搞了几个小时。 菜鸟的我，由此得出：纸上得来终觉浅，绝知此事要躬行。 附上案例： <!DOCTYPE html> <html> <head lang="en"> ...
点击文字变色
m0_46636679的博客
05-13 772
点击文字变红 创建一个div 盒子 <div> hello world! </div> 可以选择给盒子加一些css样式 <style> div { color: blue; height: 200px; width: 50px; border: 2px; padding: 1px;
js实现按钮点击变色，其他的按钮恢复默认颜色
异想实验室|Arduion|ESP8266|Micro Python|
08-19 1万+
JavaScript实现按钮点击变色，其他的按钮恢复默认颜色，则需通过循环实现，当有按钮点击的时候，先将所有的按钮的颜色，更改为空，然后在针对，鼠标点击的相应的按钮，进行更改按钮颜色；onclick实现按钮点击后的操作；...
JQuery 点击a标签变色，点击另一个a标签恢复原来的颜色
yangna_na的博客
08-01 2万+
想实现点击a标签变色，点击另一个a标签恢复原来的颜色，自己先是用JavaScript写了一个函数ChangeCss()，如下： function ChangeCss(obj){ var alist = document.getElementsByTagName('a'); for(var i=0;i&lt;alist.length;i++){...
jquery实现点击按钮循环变色功能的3种方式
just_learing的博客
02-28 3132
点按钮换色 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .changeRed{ background-color:red; } </style> </head> <body> <ul> <li &gt
鼠标事件（点击换色）分别使用js和jQuery代码实现
2301_81449444的博客
03-17 543
js代码实现：按键盘时换色，不按是另一个色。jQuery代码实现。
使用jQuery创建动态渐变效果按钮教程
在Photoshop中，首先创建一个200px X 160px的文件，设置参考线辅助绘制100px X 80px的圆角矩形按钮，通过图层样式设置渐变、内发光、描边和文字样式。接着制作悬停状态的背景图，改变边框颜色和渐变色。在HTML/CSS...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值