问题标签 [removeclass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1596 浏览

jquery-ui - 使用 jQuery UI 制作动画效果 addClass/removeClass

为了向 addClass/removeClass 添加淡入淡出过渡,我正在使用 jQuery UI:

我的目标是:当 :hover 子元素(hover nav a)时更改(使用淡入淡出动画/效果)父元素(标题)的背景颜色。css 类非常简单:

的HTML:

当然,我调用 jQuery 和 jQuery UI 时没有错误:

jQuery 脚本无法正常工作,因为:

  • 该类已添加(onmouseover),但没有过渡(淡入淡出)效果。
  • 该类以不受欢迎的方式添加:<header style="background: pink;">我使用它.removeAtrr("style")来避免这种奇怪的行为。
  • 该类未删除(onmouseout)。

使用.animate()jQuery UI 为颜色设置动画是我更喜欢避免的,因为我在LESS中使用变量,当然,我希望样式只由样式表修改。

检查我的项目以获得一个想法。如您所见,我的目的是在<header>将光标放在链接上时将固定的背景颜色替换为链接的颜色。换句话说,<header>当指针指向时,带有过渡淡入淡出动画/效果的转弯的背景颜色为蓝色或粉红色:悬停链接“帖子”。或“链接”。.removeClass()但是一旦指针以相同的过渡淡入淡出动画/效果消失,它就会恢复其原始状态(没有 css 类)。请注意,我的项目仍在开发中,我目前正在测试所有链接的相同属性的效果;当我完成所需的结果时,我将为每个链接应用单独的属性(背景颜色)。

0 投票
1 回答
183 浏览

jquery - jQuery .first() 和 .last() 的工作方式不同吗?

所以,我正在用这个标记构建一个简单的幻灯片控件:

我正在尝试使用 jQuery 进行导航,如下所示:

因此,第一个 jQuery 块按预期工作,首先将active类分配给下一个 div,然后从第一个 div 中删除它。第二个块应该反过来做,但是在将它添加到前一个项目之后不会从最后一个项目中删除该类。

我是从错误的角度解决这个问题吗?还是 first() 和 last() 函数的工作方式不同?从我从 jquery 文档中可以看出,这应该可以工作。

0 投票
3 回答
8098 浏览

jquery - jQuery addClass 和 removeClass onchange 问题

我试图让 jQuery 的 addClass 和 removeClass 在表单选择环境中工作,但收效甚微。

我想修改父 div 的类,并试图在函数中传递 ID,但我所有的尝试都是徒劳的。任何方向和帮助将不胜感激。

0 投票
7 回答
13021 浏览

javascript - jQuery removeClass() 但不是某些类

如何从元素中删除除某些类之外的所有类。我假设我们不能使用 not with removeClass()。假设我有一个<div class="aa bb cc dd ee ff"></div>并且我想删除除aa dd. 我怎样才能做到这一点。

0 投票
4 回答
6881 浏览

jquery - .parents().removeClass() 不工作

我得到了这个 javascript,试图删除父元素上的一个类:

在这个 html 上:

不幸的是,这到目前为止还行不通。我做了几个测试,比如:

这一切都有效。我在wordpress网站上使用jQuery 1.6.2jQuery masonry 。这里有一个现场演示,可以看到这一切(不)工作。基本上它可以工作,但是该类没有从 中删除的事实确实会立即重新打开及其内容。我很困惑为什么它不删除课程。divdiv.expanded

编辑:我刚刚明白,当文档加载时,类就在那里。它是在点击图片之后添加的,因此我认为我的删除问题来自于此。对不起,误导性的解释。

0 投票
4 回答
2856 浏览

javascript - 点击时导航 addClass/removeClass

我有一个菜单链接到同一页面上的内容,并通过 jQuery 淡入淡出 div,完美运行。

导航中的第一个链接附加了一个类(current_page_item),我想在单击导航中的任何其他链接时删除该类并将其添加到单击的链接中。

到目前为止,我已经尝试过类似的东西:

这是行不通的。

我对 javascript 非常陌生,因此我们将不胜感激。

谢谢!

编辑:

这是导航的 HTML:

编辑2:

使用下面的答案似乎仍然无法达到我想要的效果。也许是因为我正在使用的 jQuery 插件(魔术线)。关联

所以基本上我希望'线'留在点击的下方。如果我在正确的位置加载一个带有“current_page_item”的新页面,这会起作用,但是当我淡入淡出 DIV 时,我不能这样做。

该行反弹回具有“current_page_item”类的 li 项目。也许可以修改此代码以将类添加到单击的元素?

这是代码。

0 投票
3 回答
485 浏览

jquery - 使用 if is() addClass()/removeClass() 时遇到问题

我试图通过动画它的对齐和添加/删除类来制作滑动元素切换,而不是仅仅使用 .toggle() 函数。

不幸的是,我的代码不想删除或添加任何类,因为我添加了

0 投票
2 回答
697 浏览

jquery - 如何在 ajax 中的元素上使用 Jquery 的 removeClass?

我只是想在通过 Ajax 拉入的元素上使用 Jquery 的 removeClass()。我很清楚能够将 .live() 用于“单击”之类的操作,但是对于 removeClass() 之类的功能,我可以做些什么呢?

注意:我听说过可以做到这一点的 JQuery 插件,但我宁愿自己简单地使用 Jquery 对其进行编程,如果它不残酷的话。

谢谢,

丹尼尔莫尼兹

编辑:抱歉信息不足。我正在构建一个自动完成工具。用户按下一个键并获得通过 AJAX 拉入的项目列表。第一项会自动突出显示,因为(在 AJAX 回调中)我使用 .addClass() 给它“突出显示”类。

然而,如果用户点击向上或向下箭头键,他们应该能够在列表中“导航”,即。我突出显示(和取消突出显示)列表中的项目。这些操作是在按钮按下时进行的,并且列表已经通过 AJAX 拉入。因此,我无法在 Ajax 回调中删除该类。

$(".highlight")将有效地抓取当前突出显示的元素。

执行上述代码然后使用 后console.log($(".highlight"));,我得到了带有“highlight”类的元素的输出。所以 removeClass() 函数失败(没有错误)。

0 投票
2 回答
3133 浏览

jquery - 如何使用 removeClass() 回调函数?

由于 jQuery 1.4removeClass();现在将函数作为参数。

我的<body>标签添加了一些类,例如:

我希望能够替换类名,并且我相信函数removeClass()可以帮助我,但我并不真正了解jQuery 站点上的文档,我对 Regex 也没有任何好处。

例如,我如何heading-helveticaheading-myriadpara-georgiapara-times等替换?

我以前使用过类似的东西,只有当它试图替换的类名是类名列表中的第一个时才有效:

0 投票
2 回答
168 浏览

jquery - (jquery) 键盘导航不起作用

好久没上这个了,如有明显错误请见谅

html 看起来像这样: