Jquery切换()不适用于多个类
Jquery的切换方法.toggle()不适用于多个类。该方法主要用于在两个或多个状态之间切换，例如隐藏和显示元素、切换类等。然而，.toggle()方法只能切换一个类，无法同时切换多个类。
如果需要在多个类之间进行切换，可以使用.toggleClass()方法。该方法可以接受多个类名作为参数，并在元素上进行切换。每次调用该方法时，它会检查元素是否已经具有指定的类名，如果有，则移除该类名；如果没有，则添加该类名。
以下是.toggleClass()方法的使用示例：
$('.element').toggleClass('class1 class2 class3');上述代码将在.element元素上切换class1、class2和class3这三个类名。
对于多个类的切换，可以根据实际需求选择使用.toggleClass()方法或编写自定义的切换逻辑。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动应用托管）：https://cloud.tencent.com/product/baas
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc
相关·内容
1回答
我真的很难用Phonegap和jQuery加载多页模板。
这里我有两个页面(home和1)，但当我加载页面时，它只显示第二个“页面”div (1，而不是home)，并且没有链接更改页面。
由于页面是两个独立的.html文件，我无法进行转换--在这里我甚至落后了一步，因为我甚至不能更改页面！
代码：
<script type="text/javascript" src="cordova-2.3.0.js"></script>
<script type="text/javascript" src="js/inde
浏览 0提问于2013-01-29得票数 0
6回答
我想用jQuery扩展一个容器。
因为某种原因，我不明白为什么，它不起作用.
如能提供任何帮助，将不胜感激:)
$(".viewPrices").click(function () {
$(".list",this).addClass("visible");
}, function () {
$(".list",this).removeClass("visible");
});
**实际上与以下方面合作：
$(".viewPrices").click(function ()
浏览 2提问于2014-02-27得票数 0
回答已采纳
我觉得有点困惑，如果其他人碰到这件事可以启发我.
我使用click设置了一个jQuery事件侦听器，它注册得很好，但是第二个事件没有注册，但是在第二个事件中，touchend事件确实注册了。
$(document).on("click", ".date-button", ...
以及另一个元素上的第二个类似事件侦听器：
$(document).on("click touchend", ".time.true", ...
我必须使用touchend，因为click不注册。我很乐意同时使用click touchend，但是如果我在第一
浏览 1提问于2012-12-25得票数 3
我正在练习JS和CSS动画，由于某些原因，当“菜单”元素使用绝对位置时，我无法启用动画。有没有办法在css3或Js中使用过渡来实现平滑的滑动效果？ 我尝试了很多在线教程，但没有一个有效。 这是代码链接：https://codepen.io/mithunbaiju/pen/XWrMqaG $("button#toggle-button").click(function(){
$("#toggle-button").toggleClass("toggler toggler-closed-active");
$("#mai
浏览 32提问于2019-08-26得票数 1
回答已采纳
1回答
我正在用jQuery生成html标签。像这样
jQuery：
$(document).ready(function() {
$('#example').DataTable();
var cas = ["1", "2", "3", "4", "5", "6"];
var text = "";
var i;
for (i = 1; i <= cas.length; i++) {
text += '<
浏览 0提问于2016-10-14得票数 1
我对Jquery UI datepicker有一个问题。当我尝试设置函数选项时，脚本失败，并出现错误“numberOfMonths is not a function”。我使用的是jquery ui 1.11.2。下面是我的代码：
$(document).ready(function () {
var fechaDefecto = new Date('2014/01/01');
var fechaFin = new Date('2014/08/31');
var SelectedDates = {};
SelectedDates[
浏览 0提问于2014-11-13得票数 0
大家好，请帮帮我
我使用调试工具包来调试我的应用程序
但是它给了我这样的错误
致命错误:在C:\xampp\htdocs\a\app\plugins\debug_kit\controllers\components\toolbar.php中找不到类“App”
有什么建议吗？
浏览 1提问于2011-07-18得票数 0
2回答
当div从"visibilty : hidden“变为"visibility : none;”时，我想调用Javascript函数。
还要注意的是，我不能控制脚本来转换div的这个style属性。我只想把这件事扯进去。有什么可能吗？或者像onFocus()之类的？
更新:我不想使用JQuery或其他框架。有可能吗？
浏览 1提问于2009-09-23得票数 0
2回答
如何获得类名？
、、
嘿，我正在尝试为下面的脚本动态获取类名。
我有通过PHP创建的不同的类名，因此需要使用jQuery动态地获取它们。
正如你在下面看到的，似乎有两个领域我需要得到类名。目前，它是硬编码的(类被命名为“结果”)：
1) var new_content =$(‘#隐藏结果new_content
2) var num_entries =$(‘#隐藏结果div.result').length；
因此，我希望jquery获得类名，而不是像下面这样硬编码它。
jQuery文件：
<script type="text/javascript">
functi
浏览 5提问于2010-01-24得票数 2
回答已采纳
它为控制台上的每一个日志打印出false。当单击导航链接和取消按钮时，切换工作正常。我已经看过并尝试了所有的建议，但仍然有相同的问题。
// add new photo toggle
$('#click_new_photo a').click(function() {
console.log($(".content").hasClass('show-new-photo'));
$(".content").find(".new-photo").toggleClass('show-new-photo
浏览 0提问于2017-03-23得票数 1
回答已采纳
1回答
我在我的网页中使用了下面的Livesearch代码，它在学生表单中工作得很好。但是在第二个文本框的索引页(人员表单)中，实时搜索不起作用。我希望这是由于使用属性ID的JQuery函数，这对于两个输入文本框都是一样的。是否可以在不更改整个代码的情况下使第二个文本框中的实时搜索正常工作？
提前感谢
livesearch.js
$('#college').keyup(function(e)
{
if ( key != 40 && key != 38 && key != 13 ) livesearch();
}
function livesear
浏览 3提问于2017-05-14得票数 0
1回答
假设我使用了带有管道标记选择的文本：
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut |labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in volup
浏览 1提问于2016-10-12得票数 0
我有一个处理Bootstrap 2.0的rails应用程序。它还使用。我的application.js看起来像这样：
//= require jquery
//= require bootstrap
//= require jquery_ujs
//= require jquery.ui.all
//= require rails.validations
//= require jquery.quicksearch
//= require jquery-tablesorter/jquery.metadata
//= require jquery-tablesorter/jquery.table
浏览 1提问于2012-09-21得票数 2
回答已采纳
我使用的ShiftNav专业插件，因为我想要一个滑动菜单，推动网站打开时。
我希望它有一个黑暗的覆盖打开时，使用菜单按钮。但我想要它关闭使用菜单中的一个单独的按钮。
我使用这段代码来实现覆盖：
jQuery('#shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger').on("click",function() {
if(jQuery('.overlay').length == 0) {
jQuery(this).toggleClass('
浏览 0提问于2018-02-01得票数 0
回答已采纳
我在我的Android应用程序中使用firebase数据库。数据库的下载限制为10 GB/月。如果我升级我的应用程序到Blaze计划并创建另一个数据库，它们中的每一个都将能够下载到to10 GB？如果我在它们之间拆分数据，数据将能够免费下载到20 up /月吗？
浏览 0提问于2018-11-07得票数 3
1回答
我有一个页面，上面有几个div，它们的默认显示样式(在外部.css文件#somediv{display:none中设置)。如果满足一个条件，我使用jQuery打开一个，关闭其他的。我使用jQuery的fadeIn()和fadeOut方法来控制这一点。
仅在FF18中，当fadeIn不工作时，似乎存在随机实例。我在js文件中放了一个警告。
alert($("#someDiv").css("display"));
在fadeIn似乎不工作时，此警报会将"undefined“输出为值。什么会导致这种情况，jQuery不应该至少返回一个空字符串吗？
为了补充细节
浏览 3提问于2013-01-23得票数 2
我在小部件方面做了大量工作，而且由于我需要处理的一个疏忽，主题化变得越来越困难。
考虑一下这个问题：
<div id="node" class="ui-widget">
<div class="ui-widget-content">
</div>
</div>
然后，这个jQuery代码：
<script>
$(function() {
$('#node').hover(function (){
$(this
浏览 1提问于2013-05-11得票数 21
2回答
我不知道以前有没有问过这个问题，但是现在我正在写一些css样式表
[myclass]{
/*some styles*/
}
html
<div myclass></div>
但我知道很多人都这样写
.myclass{
/*some styles*/
}
html
<div class="myclass"></div>
有什么关系呢？也许有些浏览器支持还是不支持？或者他们支持它的手机呢？它是合法的css样式脚本吗？
浏览 11提问于2015-04-17得票数 4
回答已采纳
1回答
我有两个DIVs：
<div class="toggle">Toggle</div>
<div class="data">Something</div>
CSS应包括：
.toggle {
padding: 10px;
border: 1px solid #999;
}
.data {
display: none;
padding: 5px;
}
我一直在使用jQuery来切换隐藏/显示属性。但是我想问一下如何将CSS属性display: none；添加到这个d
浏览 4提问于2013-08-18得票数 0
回答已采纳
这是我的CSS中的类.............
我使用的是ASP.NET 2.0和jQuery..........
#ImageBoxNextImage:hover
{
background-image: url(http://www.eRate.co.za/jquery/imagebox/next_image.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
只有当我将鼠标悬停在我的项目上时，它才会显示Next_Image.jpg。除了悬停之外，我还可以使用哪些其他选项。我希望图像始终存在，
浏览 1提问于2009-06-07得票数 0
回答已采纳
4回答
如何使用jQuery .click(函数(){)更改背景色
div正常带绿色，单击时更改为红色背景色
<div class="stileone">
Div Content
</div>
浏览 5提问于2012-12-14得票数 6
回答已采纳
我有一个有2个工作表的Excel模板。我在每个工作表中放置了以下标记:工作表1: jx:area(lastCell="G34")工作表2: jx:area(lastCell="F21")它看起来像是Poitransformer只处理工作表1。工作表2与原始模板完全相同。( A1中的注释仍然在那里，所有ELs也在那里)。
我到处寻找，没有人有这样的问题。
我知道我可以对多个工作表使用XML配置或Java API。我认为Excel标记更简单。
是我的标记错误还是Excel标记不支持在一个模板中有多个工作表？
浏览 3提问于2017-03-28得票数 0
5回答
在使用JSON并在此之后生成结构化内容时，我遇到了一个问题。
问题是，面板中唯一的HTML是：
<div class="users">
<center>loading</center>
<script>update_users();</script>
</div>
但是在用JSON下载了信息之后，它最终得到了这样的结果：
<div class="users">
<p class="name"&g
浏览 5提问于2013-07-24得票数 0
回答已采纳
我正在尝试使用Spring和Spring启用hibernate过滤器。我用这篇文章作为起始点：
到目前为止，我还没有能够拦截Hibernate session:org.hibernate.internal.SessionFactoryImpl.SessionBuilderImpl.openSession().
我的方面类如下所示：
import org.aspectj.lang.JoinPoint;
import org.aspectj.lang.annotation.AfterReturning;
import org.aspectj.lang.annotation.Aspect;
impo
浏览 0提问于2017-03-17得票数 0
回答已采纳
jQuery UI switchClass()方法不切换类，而是执行一些不需要的动画，当我使用jquery.animate-enhanced.js进行硬件加速动画时，类保持与原始类相同。
你知道我怎么才能修复它吗？
浏览 0提问于2011-10-28得票数 11
回答已采纳
在我的代码中，当我单击共享图标时，它会弹出并显示一些社交媒体共享图标。只有当单击“共享”图标，然后单击“交叉(X)”图标时，切换才能正常工作。如果我单击“共享”图标，然后单击页面上的其他地方，然后单击“交叉(X)”图标，则切换不起作用。有谁能建议怎么解决这个问题吗。
var courseslist = "";
for(var i=0; i<3;i++){
courseslist += "<div class='card__share'>";
courseslist += "<div class='c
浏览 0提问于2018-07-04得票数 0
回答已采纳
5回答
大家好。我使用的是jQuery，我想用jQuery替换DIV上的类。我知道我可以像这样替换这个类：
$('#div').removeClass('first').addClass('second');
但是，只有当我知道第一个类的名称时，我才能使用它。在我的例子中，我不知道第一个类名，因为它是动态的。
浏览 0提问于2013-03-19得票数 3
我一直在用php和jQuery开发一个评论系统。每当你按下回复键时，我都会使用jQuery来滑动表单，但是两个按钮只适用于一个表单。
我使用php从mysql数据库获取数据，并将其显示在div标记中，并使用一个按钮显示，当我单击第二个按钮时，第一个div就会下降。
PHP代码：
<?php if(!isset($_SESSION['fname']) && !isset($_SESSION['username']) && !isset($_SESSION['email'])) {
echo
浏览 5提问于2016-03-06得票数 1
回答已采纳
我一直致力于JQuery和JQuery移动和PHP开发一个移动优化的网站，我已经来到了一个实例，我需要让我的文本字段实现Jquery自动完成，我也需要从excel工作表获取数据。通常，PHP从MySql数据库中获取数据，但在我的例子中，我是从excel表中获取数据，而我就是不能弄清楚这一点？如有任何帮助，我将不胜感激。
谢谢。
浏览 0提问于2012-03-01得票数 0
2回答
如何为jquery中的css属性指定浏览器特定的回退？
我想做相当于
h1 {
background-image: -webkit-linear-gradient(left, white, black);
background-image: -moz-linear-gradient(left, white, black);
background-image: -o-linear-gradient(left, white, black);
background-image: -ms-linear-gradient(left, white, black);
}
当然，$(
浏览 5提问于2012-01-25得票数 1
回答已采纳
1回答
切换导航未打开
、、、
该网站为
HTML：
<nav class="menu">
<ul class="active">
<li class="current-item"><a href="#">Home</a></li>
<li><a href="#">Barnasisstans</a></li>
<li><a href="#"
浏览 4提问于2017-04-03得票数 0
我正试图通过我通过1和1购买的域名在firebase上托管我的网站。1和1只给了我一个拥有一个A记录的选项，尽管我需要两个通过firebase进行验证。
这是与相同的问题，但我无法使用此解决方案。
浏览 22提问于2018-01-04得票数 1
基本上，我有一个div块，它的类我希望在单击时被替换。
我的HTML：
<div class="lol">
</div>
我的jQuery代码：
$('.lol').toggleClass('troll');
这一产出如下：
<div class="lol troll">
</div>
如何将类名lol完全替换为troll?
浏览 3提问于2012-12-11得票数 0
回答已采纳
5回答
我有一个jQuery代码，当我点击它的时候，它会在右边移动一个div元素，当我点击它的时候，我想把它移回它原来的位置。
$(document).ready(function() {
$("#wel1").click(function() {
$("#sidemenu").animate({left: "80px"});
});
});
给我一个简单的例子如何实现它？
浏览 6提问于2015-01-08得票数 1
回答已采纳
我已经使用jquery创建了切换效果。我想用右上角的关闭按钮关闭一个弹出式div，而不影响当前的切换效果。
有关演示，请参阅链接。
$(document).ready(function(){
$(".infoBtn").click(function(){
$(".popUpDiv").toggle("fast");
//$(this).toggleClass("active");
return false;
});
});
浏览 0提问于2013-04-04得票数 1
2回答
我已经编写了这段代码，它可以切换显示/隐藏并更改CSS元素……
我希望它能通过切换将:hover状态改回原来的状态。这有可能吗？
$("article").click(function () {
$(".folder-items",this).slideToggle("slow");
$("article:hover").css({
background : 'none',
border : '1px solid #C7C6C7'
});
});
浏览 0提问于2012-02-05得票数 1
回答已采纳
4回答
我正在使用jquery，并试图在该表行的选择上向表中添加一个类。
我最初使用的是以下代码-
$(this).parents("tr").toggleClass("over", this.clicked);
由于某种原因，这并不只是在一些已经分配了类的情况下才起作用。在我对任何疑难解答太疯狂之前，我把它改为-
$(this).parents("tr").addClass("over", this.clicked);
这一新的选择似乎运作良好。
我的问题是，上面的一个选项是否比我正在使用的
浏览 5提问于2011-12-01得票数 10
回答已采纳
3回答
我有一个HTML页面，有一个按钮，鞋隐藏内容时按下。我使用的是jquery代码，这些代码已经绑定到我的HTML页面中。当我按下按钮以显示隐藏的div中的内容时，它可以找到，但是当我再次按下该按钮以隐藏内容时，什么都不会发生。如果有人能帮我那就太好了。此外，我如何能够针对多个按钮。例如，我会粘贴相同的jquery代码并将其标记为'2‘、然后'3’等等吗？任何有用的例子都会很好。这是我的代码：
HTML：
<head>
<script>
$(document).ready(function() {
$("
浏览 4提问于2014-04-04得票数 0
回答已采纳
jQuery不推荐使用toggle()方法。这是一种切换类很容易的方法，在搜索stackoverflow时，我发现了各种其他方法来完成相同的任务( )。哪个jQuery片段应该是切换此标记的类的理想选择？
谢谢
标记：
<a href="#">Toggle Class</a>
<div class="a"></div>
CSS：
.a{
background: #f2f2f2;
}
.b{
background: #ededed;
}
浏览 2提问于2013-03-27得票数 3
回答已采纳
2回答
我目前正在寻找和学习如何正确地做CSS3动画，我遇到了一些麻烦。我现在在页面的水平中心有一个盒子，当一个类被应用到它的时候，我想让它向左移动，并进行转换。
当页面加载时，characterBox已经附加到div。但是，当我使用characterActive将jQuery添加到div时，它直接向左移动，而不需要转换。我做错了什么？任何帮助都是非常感谢的！
.characterActive {
left: 15px;
position: absolute;
}
.characterBox {
display: inline-block;
padding-left:
浏览 3提问于2014-03-21得票数 0
回答已采纳
1回答
我在提要上使用Jquery切换时遇到了问题。我有一个叫做标签的超链接。当我点击它时，它会切换到它下面的一个div。
它可以工作--但只适用于提要中的顶部帖子--如果提要中有任何其他帖子，它就不能工作。
下面是Jquery：
<script type="text/javascript">
$(function () {
$("#hypfeedTagBtn").click(function() {
$("#divPostBodyTags").toggle();
浏览 1提问于2012-12-05得票数 0
有人能告诉我如何在JPA中使用下面的本机查询吗？现在，我收到了错误消息，因为转换器没有找到。
Sql查询在DB(MYSQL)中给出适当的响应
SELECT SUM(CASE WHEN Status = 'PENDING' THEN 1 ELSE 0 END) AS `pendingRequest`,
SUM(CASE WHEN Status = 'ACTIVE' or Status ='READY' THEN 1 ELSE 0 END) AS `approvedRequest`,
SUM(CASE WHEN Statu
浏览 2提问于2021-10-18得票数 0
回答已采纳
3回答
在while元素上运行
、、、
我在运行jquery时遇到了问题。在这里，表示例：
table database
id | name | value
1 data1 10
2 data2 20
3 data3 30
4 data4 40
5 data5 50
这是我的代码：
<?php
$sql = "SELECT * FROM database ORDER BY id"
$result = $conn->query($sql);
while($row = $result->fetch_
浏览 9提问于2016-01-18得票数 0
回答已采纳
有一些简单的AJAX代码可以在Firefox和Chrome中运行，但在IE中不能。我没有做任何花哨的事情，但是代码太长了，不能在这里发布。
从本质上讲，它是：
<script type="text/javascript">
var baseurl = 'http://mydomain.com/facebook/';
var setUpGame = function(lvl){
var ajaxurl;
ajaxurl = baseurl+'ajax.php?f=gg&l='+lvl;
$.getJSON(ajax
浏览 1提问于2010-07-01得票数 3
1回答
我找不到任何东西来解释为什么我的DatePicker不能在同一个页面上多工作一次。下面是我使用的代码，为了清晰易懂，删除了大部分正文内容：
<html>
<head>
<!-- Load jQuery from Google's CDN -->
<!-- Load jQuery UI CSS -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jqu
浏览 4提问于2014-08-22得票数 0
回答已采纳
7回答
当click事件被触发时，有没有获取类的方法。我的代码如下，它只适用于id，而不适用于class。
$(document).ready(function() {
$("a").click(function(event) {
alert(event.target.id + " and " + event.target.class);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></s
浏览 0提问于2012-06-14得票数 86
回答已采纳
我们正在使用Python Pyramid与SQLAlchemy和MySQL构建web应用程序。我们希望拥有特定于用户的数据库连接，因此每个web应用程序用户都有自己的数据库凭据。这主要是出于安全原因，因此每个用户只对自己的数据库内容具有权限。我们还希望保持连接池的性能优势。有没有一种方法可以在登录时根据用户凭据设置一个新引擎，并对同一用户发出的请求重用该引擎？
浏览 0提问于2012-07-03得票数 0
我在玩一个发送多个输出的自定义节点插件，与通过功能节点运行相同的逻辑相比，它在调试窗口中不会显示唯一的msg.payload。 使用常规功能节点的简单流的快照(debug显示了五个独特的有效负载)： ? 使用包装相同代码的自定义节点的相同流的快照，但仅显示重复五次的最后一个有效负载： ? 简单的自定义节点代码： module.exports = function(RED) {
function SimpleNode(config) {
RED.nodes.createNode(this, config);
var node = this;
浏览 73提问于2021-04-11得票数 0
1回答
我所建立的是一个包含两个主要部分的大形式。第一部分是用户填写一些基本信息。第二部分是用户添加一些“调整大小”选项，这些选项可能是倍数的。大小大小信息在面板中填写，然后“保存”，在其他地方复制表单，然后擦除面板以获得要添加的另一个大小。当这个“保存”发生时，我只对表单的这一部分进行验证。
$.validator.addMethod("pageRequired", function(value, element) {
if (valid_distributions > 0) {
$('#distributor-selec
浏览 2提问于2015-03-30得票数 0
回答已采纳
使用jQuery时，我只希望在<header>标记上添加一个类
伪码：
var page_name = get current page name
if
$page_name == 'index.php'
then
add 'is_index' class to <header>
else
do nothing
我只想在索引页面上设置不同的标题样式，因此我试图插入一个选择器来获取CSS。我可以在PHP中实现，但我找不到要使用的jQuery函数。我需要使用jQuery，因为<header>可能已经有了类，而
浏览 2提问于2015-10-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
