itanℒ 2019-07-06 20:22 采纳率: 64.1%
浏览 488
已采纳

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

图一

图片说明

图二

图片说明

效果就是点击切换变色

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

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

  • 写回答

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"); } }); });



    河南省开封市联通


    河南省开封市联通




    这个你试一下，是这种效果吗
    图片说明
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(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）可以返回对象的自己这个类的引用，同时还可
  • 简单实用的jquery tab标签选项卡切换.zip
    2022-11-21 00:33
    【标题】"简单实用的jquery tab标签选项卡切换"是一个前端开发中的常见功能，它涉及到网页界面设计中的交互体验和JavaScript库JQuery的使用。在网页设计中，选项卡是一种有效的组织内容的方式，通过切换不同的选项卡...
  • 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对象的方式主
  • 金山云jquery鼠标滑过上下切换.zip
    2022-11-25 10:22
    在描述的案例中，可能有多个`<div>`元素，每个代表一个可切换的内容块，它们通过类名或者其他属性关联，以实现统一的控制。 接着，jQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画以及Ajax交互。...
  • 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 你自己添加的类。你没写样式 当然没有效果
  • uniapp怎么点击一个元素时，判断并修改其他元素的样式 javascript vue.js 前端框架
    2021-12-03 21:00
    回答 2 已采纳 鞋码那里，也就是class='size-box'那个div上，动态添加类名（假设你这个获取的库存数据为data，index应该是已激活的颜色分类名称吧）:class="{size-box_empty:
  • jQuery垂直传送带图片切换.zip
    2022-11-20 22:07
    总的来说，“jQuery垂直传送带图片切换”这个项目涵盖了前端开发中的多个核心知识点，包括HTML5标记语言、CSS3样式设计、jQuery库的使用以及用户交互的实现。通过这个项目，开发者不仅可以提升技能，还能创造出...
  • 关于css设置背景颜色的问题.... html5 javascript jquery
    2019-08-21 14:44
    回答 5 已采纳 在电脑上审查元素，看看样式中你JS写的颜色出现没有，如果完全没有出现在样式中，检查下JS引用路径，或者打断点看看有没有执行。你现在这种方法修改出来是内联样式，如果执行无误优先级最高，所以猜测是方法没执
  • jquery中间图片放大滚动切换.zip
    2022-11-24 12:30
    在前端开发中，jQuery是一个非常流行的JavaScript库，它简化了DOM操作、事件处理、动画制作以及Ajax交互。在这个“jquery中间图片放大滚动切换”的项目中，我们主要关注的是如何使用jQuery来实现一种特殊的图片展示...
  • jQuery旋转木马自动切换代码.zip
    2022-11-22 17:16
    总结一下，这个压缩包中的“jQuery旋转木马自动切换代码”提供了创建互动式前端旋转木马的示例。通过结合HTML5的结构化标签、CSS的样式控制以及jQuery的动态功能，开发者可以构建出一个功能完善的旋转木马组件，自动...
  • jQuery鼠标经过触发标签切换背景代码.zip
    2022-11-22 17:15
    总的来说，这个示例涉及到了前端开发中的多个关键概念：HTML5标签布局，CSS样式控制，以及jQuery事件处理和DOM操作。通过这样的代码，开发者可以轻松实现用户交互丰富的页面效果，提高用户体验。在实际项目中，还...
  • jquery产品多图切换细节描述.zip
    2022-11-20 22:07
    总的来说，实现jQuery产品多图切换功能涉及HTML结构设计、CSS样式编写、jQuery的选择器、事件处理、动画效果以及DOM操作等多个方面。掌握这些技能不仅可以构建这个功能，还能为其他前端项目提供坚实的基础。通过实践...
  • 没有解决我的问题, 去提问

悬赏问题

  • ¥15 metadata提取的PDF元数据，如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
  • ¥15 Windows11, backspace, enter, space键失灵