在按钮jquery中删除和添加类，无法使其工作
的问题可能是由于以下几个原因导致的：
- 语法错误：请确保你的代码中没有语法错误，比如拼写错误、缺少分号等。可以使用浏览器的开发者工具来检查代码是否存在错误。
- 选择器问题：请确保你使用的选择器能够正确地选中按钮元素。可以使用控制台输出选中的元素来进行验证。
- 事件绑定问题：请确保你的代码在DOM加载完成后再执行，可以使用
$(document).ready()函数或者$(function(){})来确保代码在DOM加载完成后执行。 - 类名问题：请确保你要添加或删除的类名是正确的，并且存在于CSS样式表中。
以下是一个示例代码，演示如何在按钮上添加和删除类：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
<button id="myButton">点击按钮</button>
<script>
$(document).ready(function() {
// 添加类
$('#myButton').click(function() {
$(this).addClass('highlight');
});
// 删除类
$('#myButton').dblclick(function() {
$(this).removeClass('highlight');
});
});
</script>
</body>
</html>在上述示例代码中，我们使用了jQuery库来选中按钮元素，并使用addClass()和removeClass()函数来添加和删除类名。当按钮被点击时，会添加highlight类，当按钮被双击时，会删除highlight类。
这是一个简单的示例，你可以根据实际需求进行修改和扩展。如果你想了解更多关于jQuery的用法，可以参考jQuery官方文档。
相关·内容
我在页面上有一个带有类next-main-button的按钮。下面是下一个按钮：
<button type="button" clas
浏览 11提问于2016-09-05得票数 0
我在我的网页中有一个jQuery UI选项卡控件，我想制作一个"Add Tab“按钮，其外观与选项卡标题相同(并且位于"tab bar”中，还有其他选项卡标题)。我在列表中添加了一个项，其中有一个特定的类，它允许我使其在右边浮动。但是我不能删除jQuery添加的默认操作(单击，打开相关选项卡)，这会导致错误，因为选项卡不存在。我尝试了几种方法：
浏览 3提问于2011-02-14得票数 2
回答已采纳
我想在单击按钮时显示和删除css类，我知道有一个使用toggleclass()的解决方案，但我想使用onClick函数添加类。这是密码 jQuery(".main-header-menu-toggle").click(function () {jQuery("body").addClass('ast-main-
浏览 0提问于2021-04-24得票数 0
回答已采纳
1回答
我有一个wordpress网站，它通过一个脚本将一个脚本从第三方应用程序中拉进来，这个脚本会将iframe加载到页面上。然后，iframe有一个带有按钮的表单。单击其中一个按钮后，它将从页面中删除这些按钮&在一组新元素中写入这些按钮。表单已经搞乱了CSS，所以我希望在其中添加一个类，使其大小适当，但是我无法让下面的代码始终可靠地工作。<e
浏览 0提问于2018-03-22得票数 0
我需要将.important-element更改为与按下的同名按钮相同的颜色。我希望通过将.red、.blue、.green类名添加到.important-element中并在按下其他按钮或相同按钮时删除它们来实现这一点。我不确定如何编辑我的jQuery代码以使其工作。重要的是:在按下按钮时，它需要删除之前添加的类名(就像jQuery</
浏览 29提问于2021-08-16得票数 0
回答已采纳
4回答
我是jQuery编码的新手，我的代码需要帮助。我有一个按钮，可以让我在我的网站上显示一个隐藏的部分，但目前这个按钮仍然存在，即使我想让他消失。我的网站是用Wordpress和Divi搭建的。使用下面的代码，您将看到我最近一次尝试在CSS中隐藏/显示值。content:"";}.show {display:block;}
<script type=&
浏览 80提问于2019-02-13得票数 0
回答已采纳
一旦所有输入字段都输入值，我就需要启用submit按钮。我有两个输入字段类型文本和类型密码和一个按钮，这是禁用的(我设置它的类为“禁用”，然后使用CSS来改变颜色等)，我想删除该类只要满足上述条件。我在所有字段中添加了'change‘和'input’事件监听器，如下所示： const inputs = [...document.querySelectorAll('input[type="text
浏览 17提问于2021-07-31得票数 0
回答已采纳
我已经在我的网站上添加了一个宽度为288的Facebook评论框。它工作得很好，唯一的问题是当我试图删除我发布的评论时，删除按钮的一部分隐藏在插件宽度288中。有没有什么方法可以减小删除弹出框的宽度，使其适合我指定的宽度。我无法通过CSS或jQuery找到注释框的任何Dom元素。
浏览 2提问于2012-08-31得票数 1
回答已采纳
我试图使.s按钮在单击.s按钮时将新元素添加到标记中，并删除.s类，并在单击.h类时添加新的类.h，<style>元素从我的体内移除。当单击.s添加<style>元素和单击.h删除<style>元素时，我希望
添加类"h“很好用！但是当单击.h <style>元素时，不要
浏览 2提问于2015-09-10得票数 1
回答已采纳
1回答
我已经为我的集合类派生了一个集合编辑器。但集合编辑器中的添加和删除按钮未启用，因此我无法通过designer在集合中添加或删除实例。object value) return base.EditValue(context, provider, value); }
有没有人可以告诉我，如何在集合编辑器中启用添加、删除<
浏览 4提问于2017-05-02得票数 1
在bootstrap官方网站导航栏上，活跃的类正在工作，不需要添加任何jquery代码片段。如果有人点击“基础CSS”或任何其他按钮，“活动”类将从“主页”按钮中删除，页面加载和活动类添加到该特定菜单。官方链接： All在没有js的情况下发生。
我复制并粘贴了它们的标记，但没有用。“主页”按钮总是有“活动”类。
浏览 1提问于2015-12-28得票数 0
我在wordpress上有一个主题，它使用bootstrap.css(bootstrap.old.css)和bootstrap.js(bootstrap.old.js)的旧版本。我已经删除了bootstrap.old.css，并加入了bootstrap.css(bootstrap.new.css)的最新版本，但是由于某些类在(bootstrap.new.css)中发生了更改，因此缺少了一些样式由于bootstrap.old.js在模态窗口中添加了类.i
浏览 0提问于2018-09-11得票数 0
回答已采纳
我正在尝试创建一个在单击事件上转换的导航。它还包含具有单击事件的另一个转换效果的链接。我想使用一个类，这样我就可以使用相应的媒体查询样式。我对JS/jQuery还不熟悉，我已经研究/设法让这些开关正常工作，但是我仍然努力编写一种方法来实现以下目标：
从isVisible中删除
浏览 5提问于2016-06-10得票数 0
我有两个功能添加到最喜欢，删除从喜爱，应该工作的交替点击.但是，即使其中一个函数更改了类(并提供了所需的效果)，jquery也无法选择已更改的类的值来运行另一个函数.<a href="#">/images/system/addtofavorite.png"></a>// On Search
浏览 4提问于2017-01-31得票数 0
回答已采纳
2回答
我想在我的WordPress站点页脚中添加j查询文件，我已经这样做了。但问题是，每当我在我的WordPress站点页脚中添加j查询文件时，滑块革命就会显示出这样的错误。旋转滑翔机错误:在革命文件js包含之后有一些jquery.js库包含。这包括了make消除了革命滑块库，并使其无法工作。找到双jquery.js包含并删除它。当我删除j查询时，滑块革命就会正常<em
浏览 0提问于2019-07-02得票数 1
回答已采纳
我的WordPress网站上有一个'-‘按钮，我想用它在页面的<body>中添加一个类，以增加字体大小。我还有一个'+‘按钮，它可以减小字体的大小。+按钮HTML：<div class="biggerTextButton"><p>+</p></div> 减号按钮HTML：<div class="smallerTextButton&quo
浏览 13提问于2020-05-01得票数 0
4回答
red;} color: blue;} --paper-button-background: blue; background-color: blue; <paper-button raised
浏览 4提问于2016-10-07得票数 1
2回答
我正在开发一个小的jQuery元素，在Stackoverflow和谷歌的帮助下，我基本上已经完成了，但有一个小问题我似乎无法解决。我试着用CSS来解决这个问题，但是没有成功。我有这个项目的jsFiddle：
一切工作正常，添加/减去按钮工作，活动类在跨度中运行。但我仍然缺少的是，当你在数字7上，然后按+键，所以它变成了8，我想让它显示ul项。就像我说的，我尝试了一些CSS解决方案，
浏览 0提问于2012-08-07得票数 1
回答已采纳
开发站点：Jquery处理所有其他效果。我最终确定了以下解决方案，然后才意识到它并没有完全切断它：
scrollingJquery将向单击的任何导航项分配“当前”类，并从任何其他导航项中删除“当前”类。问题是:我现在不能创建页面中的链接，因为页面中的链
浏览 4提问于2010-11-19得票数 0
1回答
你能添加一个css引导类到谷歌翻译吗？是否有可能覆盖google翻译按钮的css，或者仅仅添加下拉类，使其成为优先级？
浏览 0提问于2015-12-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
