jquery下removeClass(“oldClassName”).addClass("newClassName")的问题

最新推荐文章于 2025-08-07 21:48:39 发布
转载 最新推荐文章于 2025-08-07 21:48:39 发布 · 61 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/ahjesus/archive/2011/11/25/2263786.html
文章标签：

#javascript #ViewUI

本文记录了解决在jQuery环境下连续使用removeClass和addClass导致class名前出现空格的问题，特别针对IE6、IE7不兼容的情况进行分析，并提供解决策略。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在jquery下 连续使用removeClass(“oldClassName”).addClass("newClassName")会出现一个问题 新增加的class名称前面会有空格，在ie8 火狐 谷歌等浏览器下是没有任何问题的，如果在IE6 IE7下则会出现不兼容的情况，造成难以查找的错误。

特此记录 以为后来人

转载于:https://www.cnblogs.com/ahjesus/archive/2011/11/25/2263786.html

JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
10-15
$(this).addClass('a'); }); ``` 2. `removeClass`方法： 与`addClass`相反，`removeClass`用于移除元素上的指定类。在同一个示例中，当鼠标离开`div`元素时，`mouseout`事件触发`removeClass`，删除`.a`类，恢复...
jquery-3.2.1.js & jquery-3.2.1.min.js
05-06
例如，`$("#elementID")`可以选取ID为`elementID`的元素，`.addClass()`和`.removeClass()`则可以方便地添加或移除类名。 2. **事件处理**：jQuery简化了事件绑定，如`.click()`用于绑定点击事件，`.on()`可以处理...
兼容IE8浏览器移除class样式的方法
weixin_30843605的博客
04-12 664
项目中发现，IE8下不兼容JQ的removeClass和addClass，页面无效果 网上找了很多方法都没有效果，最终找到一个很好的笨方法 var div=document.getElementById("目标元素ID"); div.className=" ";这个就是兼容性最好的方法 如果一个元素有多个class可以用下面方法移除其中一个 div.className=div...
getElementByClassName
cruel的专栏
02-26 7414
在JavaScript 内建的核心中，document对象及element对象总共可以通过三个方式来获取其下的元素，分别是:getElementById('id') 、getElementsByName('name') 、getElementsByTagName('tag')  。这些方法就跟它们的名字一样，分别是依照id, name, tag来获取元素。       因在同一份文件中，id
JQuery动态添加/删除class样式
热门推荐
Carey
08-05 5万+
有时我们会对某个控件的class样式进行获取、添加、修改、删除。下面是简单整理的一些实例用法：html样例代码如下：<ul class="pro_list fl cont"> <li class="core"></li> <li class="core"></li> <li class="core"></li> </ul>1.获取样式名var class_name=$(".p
jQuery相关
qq_43111676的博客
09-12 1437
jQuery笔记、jQuery相关、jQuery选中元素、jQuery基本操作
详解jquery插件jquery.viewport.js学习使用方法
10-19
该函数遍历所有在屏幕左侧的#wodsHome元素，通过$.removeClass方法移除返回按钮的隐藏类，以及遍历所有在视窗内的#wodsHome元素，通过$.addClass方法给返回按钮添加隐藏类。 综上所述，jquery.viewport.js插件为...
jquery字体变换效果.zip
11-24
例如，我们可以定义一个初始状态的样式，然后再定义一个鼠标悬停或者点击后的样式，通过jQuery的`.addClass()`或`.removeClass()`方法来切换这些样式。 JavaScript，尤其是jQuery，提供了强大的功能来操控DOM元素的...
jQuery选项卡tabulous.zip
11-22
- `.addClass()/.removeClass()`: 添加或移除CSS类，实现选项卡的选中和未选中状态切换。 - `.hide()/.show()`: 隐藏或显示内容区块，根据当前选中的选项卡进行切换。 - `.siblings()`: 找到同一级的兄弟元素，...
juqery addClass方法失效问题
wz13759497175的博客
02-09 9238
使用jquery的addClass方法后，样式已经成功添加，但还是没有效果，是因为新添加的样式的优先级比起原先的样式低所致。例如，原先样式如下.test div{ width: 100px; height: 100px; background: black; }改变的样式如下：.change{ background: white; }像这种原先样式带有父级的，对.t...
js中设置元素class的三种方法小结
weixin_34032792的博客
07-15 242
一、el.setAttribute('class','abc'); 复制代码 代码如下: &lt;!DOCTYPE HTML&gt; &lt;HTML&gt; &lt;HEAD&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;setAttribute('class', 'abc')&lt;/title&gt; &lt;style t
ref存储对象和reactive深度响应式递归地对对象的嵌套属性进行响应式处理
lf_1234的博客
08-06 860
摘要：ref 不会递归处理对象的嵌套属性，仅对顶层数据进行响应式处理。若需深度响应式，应使用 reactive。示例中，ref 存储的嵌套对象 profile 修改后视图不会更新，而 reactive 能确保嵌套属性（如 age）触发更新。总结：ref 适合基本类型或简单对象（需 .value），reactive 适合复杂对象（自动深度响应式）。
vue3入门-概览讲解
曹定栓的博客
08-04 655
本文介绍了Vue3项目创建和基本结构，重点对比了Vue2选项式API和Vue3组合式API的差异。Vue3使用Vite作为构建工具，相比Webpack具有更快的启动和热更新速度。文章通过一个显示div和切换背景色的示例，展示了组合式API将相关逻辑集中管理的优势，并介绍了如何通过模块化拆分setup函数来提高可维护性。最后指出选项式API适合简单场景，而组合式API更适合复杂逻辑复用和TypeScript项目。
使用萤石云播放视频及主题模版配置
多看书少吃饭的博客
08-07 491
本文介绍了如何在H5页面中集成萤石云视频播放功能。首先需要安装ezuikit-js依赖，然后通过EZUIKitPlayer组件传入accessToken和视频URL即可实现基础播放功能。文章详细说明了两种版本（UIKIT和UIKITPRO）的区别，并提供了完整的代码示例，包括视频容器设置、自动播放配置和样式调整。此外，还介绍了如何通过template字段自定义视频主题模板，包括官方模板和自定义模板两种方式。最后提及了WEB端和H5端均可进行模板配置，为开发者提供了完整的萤石云视频接入解决方案。
【JS】扁平树数据转为树结构
最新发布
此人太懒，没有任何简介
08-07 180
摘要：本文展示了如何将扁平数据结构转换为树形结构的JavaScript实现。通过buildTree函数，可以根据指定的ID和父ID字段将扁平数据转换为嵌套的树形结构，并可选地删除空子节点。示例代码演示了如何将包含公司部门信息的扁平数据转换为层级分明的树状结构，结果输出为JSON格式的树形数据。该工具函数适用于处理组织机构、菜单等需要层级展示的数据场景。
jQuery样式操作详解：addClass, removeClass, toggleClass与hasClass
`addClass()`用于追加样式，例如`$('element').addClass('myClass')`会在匹配的元素上添加`myClass`这个class。相反，`removeClass()`用于移除样式，`$('element').removeClass('myClass')`将移除该class，而`$('...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值