关于jquery多个标签类名的切换.....

图一

图片说明

图二

图片说明

效果就是点击切换变色

图二是只有一个按钮的代码

下一步两个按钮怎么循环？？？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
qq_21644253 2019-07-07 00:35
关注
<!DOCTYPE html>

Insert title here .color0{ background-color: gray; } .color1{ background-color: red; } $(function(){ var i = 0; $("input[type='button']").click(function(){ var curClass = $(this).attr("class"); if(curClass == "color1"){ $(this).attr("class","color0"); }else{ $(this).attr("class","color1"); } }); });

河南省开封市联通

河南省开封市联通

这个你试一下，是这种效果吗

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

关于jquery多个标签类名的切换..... css3 html5 javascript
2019-07-06 20:22

回答 2 已采纳 Insert title here 河南省开封市联通河南省开封市联通这个你试一下，是这种效果吗 ![图片说明](https://
js解决标签类名的切换问题 ..... css html5 javascript
2019-07-06 17:46

回答 2 已采纳首先，对该按钮添加 id ,添加事件，根据当前样式设置为另一种样式： ``` 设置背景 ``` 在 http://www.w3school.c
关于对象名.this和类名.this的问题
2015-09-02 07:46

回答 3 已采纳就一个this，没有对象和类之分。也只能在定义类的时候内部使用。 1） this 关键字是类内部当中对自己的一个引用，可以方便类中方法访问自己的属性； 2）可以返回对象的自己这个类的引用，同时还可
2024前端面试题！（附答案及解析）（2024.4月最新版）
2023-03-27 14:44

Komorebi ঞ꧔ꦿ的博客 2024前端面试题！面试宝典！总结心得！（附答案及解析）会持续更新哦！（2024.4月最新版）
Vue 获取 table表格中某个 td DOM 的实际列号（A,BC.)，请教 vue.js 前端有问必答
2022-06-18 00:17

回答 5 已采纳获取某个单元格未合并原始行列下标可以用下面函数（JS），ts的话题主转下对应的dom对象类，测试正常 <table border="1"> <tr><td id
Java 对象名.方法名与类名.方法名的使用 eclipse java
2021-12-28 16:25

回答 3 已采纳类名.方法名就是对某个类的方法就行调用，一般格式如：classA.funB();类名.对象名就是对某个类中的某个对象(字段)进行访问或者赋值，比如对classB中的String类型的s进行赋值：cl
Java 中类名.class 的 class 是什么意思？ java
2021-07-04 16:32

回答 3 已采纳其实任何一个类，都会有一个Class对象于这个类对应，在这个Class对象中，保存着实例化该类时所需要的基本信息，A.class 其实返回的是一个类 A 的 Class 对象获取Calss对象的方式主
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
2021-12-25 22:22

有两把刷子的博客 2022年最新前端面试题热门题目（面经最全版）（蛋糕）...持续维护中，HTML和Css部分vue部分，Null，undefined，Boolean，Number，String，BigInt 、BigInt 、Object、1. **解构赋值、扩展运算符、class类、模块化 ...
java创建大小写类名后new对象. java
2022-07-01 15:49

回答 1 已采纳很简单的道理，这和操作系统有关。因为windows或mac系统大小写不敏感，也就是说：当你的代码是你现在给出的代码时，（编译都是自上而下的）先会生成c.class，然后再生成C.class，又因为系统
elementui部分内置类名不起效 elementui vue.js
2022-05-05 15:42

回答 2 已采纳 mb-4 你自己添加的类。你没写样式当然没有效果
关于css设置背景颜色的问题.... html5 javascript jquery
2019-08-21 14:44

回答 5 已采纳在电脑上审查元素，看看样式中你JS写的颜色出现没有，如果完全没有出现在样式中，检查下JS引用路径，或者打断点看看有没有执行。你现在这种方法修改出来是内联样式，如果执行无误优先级最高，所以猜测是方法没执
【前端基础】20.JQuery基本语法
2023-02-26 13:56

menghen113的博客 jQuery基本语法
Vue实现对点击的列表＜li＞添加class样例不想默认第一个添加 vue.js 前端
2022-04-15 20:55

回答 4 已采纳 // 需要写成三个=号，JS中false == 0结果是true :class="{ active:index === current }"
Vue2.x(2)
2022-09-03 17:10

野槐的博客动态类名：在当前路由页面下 vuerouter会给对应的声明式导航添加一个类名通过这个类名可以设置当前的样式 2.2 js的方式---编程式导航 this.$router.push("/你要去的路径") push跳转的页面可以回退回来 this.$router...
vue.draggable拖拽生成课程表
2022-06-29 15:12

飞鱼爱吃米的博客首先科目有多个，教师也有多个。数据源部分做一个切换选择科目的效果，选取科目后，提供科目及授课人名字。课表可以是一张空白课表，也可以默认指定某日某节某人某课。课表使用表格呈现，这样区域方便划分。表头是...
85.【Vue-细刷-01】
2023-01-15 15:39

吉士先生的博客变成一个类，里面包含很多对象。eg:name对象和address对象。 DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>初始Vuetitle> <script type="text/javascript" src="../js/vue.js">script> ...
前端vue.js学习笔记（一）
2019-08-27 08:38

明月寄天涯Chant的博客 Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex） Vue.js 是前端的主流框架之一，和Angular.js...
没有解决我的问题, 去提问

悬赏问题

¥15 安卓adb backup备份应用数据失败
¥15 eclipse运行项目时遇到的问题
¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
¥50 成都蓉城足球俱乐部小程序抢票
¥15 yolov7训练自己的数据集
¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)（相关搜索：51单片机|单片机|测试代码）
¥15 电力市场出清matlab yalmip kkt 双层优化问题
¥30 ros小车路径规划实现不了，如何解决？(操作系统-ubuntu)