Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用jQuery删除类

使用jQuery删除类
EN

Stack Overflow用户
提问于 2012-07-12 11:14:51
回答 4查看 13.4K关注 0票数 9

早上,

在jQuery中有没有可以从元素中删除类的通配符?

我正在向我的信息消息框应用新的类,如果用户单击它一次,然后再次单击它,它将添加新的类,但保留现有的类。

我需要删除以前的类,然后添加新的类来设置样式。有什么想法吗?

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <div id="infoMsg" style="display: block; " class="er-green er-red">All submitted feeds are complete.</div>

如你所见,原来的类是er-green,然后添加了er-red。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-07-12 11:16:59

叶:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(this).removeClass('er-green');
$(this).addClass('er-red');

或者先将它们全部删除:

如果类名作为参数包括在内,则只会从匹配的元素集中删除该类。如果在参数中未指定类名,则将删除所有类。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(this).removeClass();
$(this).addClass('er-red');
票数 11
EN

Stack Overflow用户

发布于 2012-07-12 11:16:48

removeClass()方法

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#infoMsg').removeClass('er-green');//just removes class

$('div').click(function(){
   $(this).removeClass('er-green');//removes class clicked element
   $(this).addClass('er-red');//adds class clicked element
});
票数 6
EN

Stack Overflow用户

发布于 2012-07-12 11:19:04

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("#infoMsg").removeClass('er-green').addClass('newclass') 
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11450632

复制
相关文章
jQuery点击切换增加和删除class类
$(".text").click(function () { if ($(this).parent().hasClass("select")) { $(this).parent().removeClass("select"); } else { $(this).parent().addClass("select");
明知山
2020/09/03
3.7K0
JavaScript和jQuery添加和删除class类名
element.classList.remove("className") :删除类名
德顺
2019/11/13
2.7K0
jquery 节点的删除
detach()方法删除跟remove()一样,在删除节点后,同样也可以赋值给变量再次使用。
坚毅的小解同志的前端社区
2022/11/28
1.7K0
jquery 节点的删除
jquery点击删除按钮,删除当前的div
现在有多行div,共用一个删除事件,点击删除的时候,会把页面所有的div全都删掉了,但是我只需要点击哪一行div里面的删除按钮,就删除哪一行,其实很简单,只需要写一个this事件即可。
王小婷
2019/07/08
5.2K0
删除未使用的Java类文件
package io.github.linwancen.code.modify; import java.io.File; import java.io.IOException; import java.nio.charset.StandardCharsets; import java.nio.file.Files; import java.nio.file.Path; import java.util.*; import java.util.concurrent.ConcurrentSkipListSe
林万程
2022/05/26
1.7K0
jquery validate动态添加/删除规则
项目中用到了jquery vilidate插件来校验,使用中遇到点小波折,这里跟大家分享一下,希望大家少走一些弯路。很多使用手册里面都会提到最基本的validate()方法,这个在使用时一般不会出现问题,如果有些小伙伴不想输入完成后立即校验可以通过设置下面这几个属性:
johnhuster的分享
2022/03/28
1.9K0
jquery怎么添加类和移除类
本教程操作环境:windows7系统、jquery3.6.1版本、Dell G3电脑。
很酷的站长
2022/11/28
5.4K0
jquery怎么添加类和移除类
jQuery动态添加/删除元素及内容
添加新的 HTML 内容,四种方法:可根据上面的图片来区分四种方法插入元素的位置。
德顺
2019/11/12
7.1K0
JavaScript类库---JQuery(一)
Jquery类库定义了一个全局函数:JQuery(); 别名$.是JQuery在全局命名空间中定义的唯一两个变量。返回一个新创建的JQuery对象;
JQ实验室
2022/02/09
4.2K0
JavaScript类库---JQuery(一)
JavaScript类库---JQuery(二)
   一个基础底层函数:jQuery.ajax();  //高级工具函数都会调用此函数;
JQ实验室
2022/02/09
1.3K0
JavaScript类库---JQuery(二)
jQuery 如何存储,获取和删除 Cookies
我前面介绍了 Javascript 中如何存储,获取和删除 Cookies,现在介绍下 jQuery 如何存储,获取和删除 Cookies。
Denis
2023/04/15
1.2K0
删除所有jQuery依赖后,性能起飞!
文 | 局长 、出品 | OSC开源社区(ID:oschina2013) 英国政府网站 GOV.UK 前端开发主管 Matt Hobbs 宣布,jQuery 作为该网站所有前端应用程序的依赖项已被删除。通过此举,对于网站的 13 个前端应用程序,其 JS 大小减少了 32 KB(或 31% 到 49%)之间。 根据 Matt 分享网站移除 jQuery 后的数据表现,可总结出如下信息: 整体减少前端处理时间,提升性能 许多关键指标(如 First CPU Idle, JS Long Tasks)的
程序猿DD
2022/05/25
9280
删除所有jQuery依赖后,性能起飞!
jQuery 实现 bootstrap 模态框 删除确认
点击删除按钮,通过jquery将删除操作的URL赋值到页面URL元素,并弹出会话框
week
2018/08/27
2.9K0
使用jQuery
jQuery概述 Write Less Do More(用更少的代码来完成更多的工作) 使用CSS选择器来查找元素(更简单更方便) 使用jQuery方法来操作元素(解决浏览器兼容性问题、应用于所有元素并施加多个方法) 引入jQuery 下载jQuery的开发版和压缩版 从CDN加载jQuery <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script> window.jQuery ||
用户8442333
2021/05/20
1K0
JQuery学习—JQuery-Validation 使用
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/121266.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/19
4.6K0
删除所选项(附加搜索部分的jquery)
1.视图端(views)的配置为: <script> $(document).ready(function() { $("#info-grid").kendoGrid({ dataSource: { type: "json",
wfaceboss
2019/04/08
9390
jQuery+Datatables实现表格批量删除功能
祖传代码的存在,这个项目自我进公司以来,就一直在改写加上维护,没有什么太厉害的技术,据说在我进公司之前,是经过两个Java后台来编写遗留下来的代码,公司觉得若是重新搭建框架过于费力,于是一直沿用至今,随着功能的越来越多,维护起来也是相当的费脑,每次修改的时候,我都会将某个部分的功能记录下来,写在自己的技术博客里面,以防混淆。
王小婷
2018/10/26
3K0
jQuery - 获取并设置 CSS 类
下面的例子展示如何向不同的元素添加 class 属性。当然,在添加类时,您也可以选取多个元素:
陈不成i
2021/07/22
2.2K0
使用 jQuery 对下拉菜单 SELCET 进行增加、删除和修改的操作
jQuery 获取下拉菜单 SELECT 选择的 Text 和 Value: //获取Select选择的Text var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的option Value var checkValue=jQuery("#select_id").val(); //获取Select选择的索引值 var checkIndex=jQuery("#select_id ").get(
Denis
2023/04/15
1.3K0
jQuery 效果使用
.hide()   隐藏匹配的元素。   .hide()     这个方法不接受任何参数。   .hide([duration][,complete])     duration       一个字符串或者数字决定动画将运行多久。     complete       在动画执行完时执行的函数。   .hide([duration][,easing][,complete])     duration       一个字符串或者数字决定
用户1197315
2018/01/19
6.4K0

相似问题

使用JQuery删除类

11

使用jquery删除类

40

使用jquery删除td类

15

使用jQuery删除nav类

29

使用“this”添加/删除jQuery类

34
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文