`

Jquery之removeClass()

阅读更多

众所周知,removeClass()是用来移除样式的,分两种情况:

一、元素只有一个样式时,直接删除,如:

$(selector).removeClass("className");

 

二、元素有多个样式时,有三种方式

1、每次移除一个,多次移除。如:

$(selector).removeClass("className1");

$(selector).removeClass("className2");

$(selector).removeClass("className3");

......

缺点:要是class比较多,那就麻烦了,即便是采用链式也很麻烦。

 

2、一次性移除多个,每个之间用空格隔开,如:

$(selector).removeClass("className1  className2  className3  className4");

缺点:要是class比较多,也比较麻烦。

 

3、啥都不写,一次性删除。这是removeClass()方法的一个特性:当它不带参数时,就会将class的值全部删除。如:

$(selector).removeClass();

缺点:不分青红皂白,全部干掉,太不讲情面了。万一有我喜欢的咋办尼?

分享到:
评论

相关推荐

    jQuery使用removeClass方法删除元素指定Class的方法

    jQuery的API设计简洁直观,其中,`removeClass`方法就是用来从匹配的元素集合中的每个元素上移除一个或多个用空格隔开的样式类名。它是一种非常实用的方法,特别是在动态地添加和删除样式时非常有用。 首先,我们来...

    jQuery源码解读之removeClass()方法分析

    《jQuery源码解读之removeClass()方法深度解析》 在JavaScript的DOM操作库中,jQuery以其简洁易用的API深受开发者喜爱。今天我们将深入探讨jQuery源码中的removeClass()方法,了解其内部实现机制,以帮助我们更好地...

    jQuery中removeClass()方法用法实例

    在jQuery中,`removeClass()`方法是一个非常实用的函数,它的主要作用是用于从匹配的元素集合中的每个元素上删除一个或多个类。在本篇文章中,我们将详细探讨`removeClass()`方法的用法,并通过实例来加深理解。 ...

    jquery.removeClass:一个 jQuery 插件,它增加了使用多个参数、逗号分隔字符串和正则表达式删除类的能力

    一个插件,用于将 jQuery 的当前 jQuery.fn.removeClass 替换为一个接受多个参数的插件,包括正则表达式 经典用法 $(element).removeClass('className className2 className3'); 多个参数 $(element).removeClass...

    jquery高亮图片框 jquery图片展示 jquery效果很好

    jQuery之所以能提供“很好的效果”,是因为它提供了丰富的动画API,如`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等,使得创建平滑过渡和动态效果变得简单。同时,jQuery的链式调用和强大的选择器引擎使得代码更...

    JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例

    总的来说,jQuery的`addClass`、`removeClass`和`toggleClass`提供了强大的灵活性,使得开发者能够轻松地控制元素的CSS类,增强用户体验,提高网页的互动性。熟练掌握这些方法对于提升jQuery编程能力至关重要。

    JQuery API 参考文献

    6. **CSS操作**: `css()`, `addClass()`, `removeClass()`, `toggleClass()` 方法用于动态改变样式。 ### jQuery 1.5.1新特性 1. ** deferred 和 promise 对象**:引入了对异步编程的支持,使处理回调更加灵活,如...

    78种jQuery特效之TAB选项卡

    在本资源中,我们关注的是"78种jQuery特效之TAB选项卡",这是一种常见的用户界面元素,用于组织和展示大量信息。选项卡允许用户在多个面板间切换,每个面板通常包含不同的内容,如文本、图片或表单。下面将详细探讨...

    jQuery实现获取元素索引值index的方法

    4. jQuery的类操作:使用.addClass()方法给当前选中的按钮添加“current”类,使用.removeClass()方法移除其他按钮的“current”类。 5. jQuery的索引方法:使用.index()方法获取当前选中按钮在同级元素中的索引值...

    jquery网页变灰

    3. **jQuery操作**:在JavaScript部分,我们可以使用jQuery的`.addClass()`方法添加这个灰色样式,`.removeClass()`方法移除它。下面是一个简单的示例: ```javascript $(document).ready(function() { // 当点击...

    jquery.js 工具文件

    自2006年发布以来,jQuery以其简洁易用的API(应用程序接口)赢得了全球开发者的广泛喜爱,成为前端开发的必备工具之一。 一、jQuery的核心理念 jQuery的核心理念是"Write Less, Do More",即用更少的代码实现更多...

    JQuery1.10+中文完整API

    `addClass()`、`removeClass()` 和 `toggleClass()` 分别用于添加、移除和切换类名。 ### 4. 事件处理 jQuery 通过 `.on()` 方法来绑定事件处理函数,例如 `$("#button").on("click", function() {...})` 会在点击...

    JQuery特效项目案例:当当网上书店.rar

    例如,使用`.keyup()`监听用户输入,实时检查邮箱或手机号的格式,通过`.addClass()`和`.removeClass()`改变输入框的样式,给出错误提示。同时,JQuery的AJAX功能可以实现无刷新的注册和登录,减少用户的等待时间,...

    jQuery1.2API 本地 帮助文档

    1.2版本虽然已经相对较为老旧,但在当时是主流的版本之一,许多开发者和网站仍在使用。 jQuery1.2 API的核心知识点包括: 1. **选择器**:jQuery提供了强大的CSS选择器,如`$("#id")`用于选取ID为指定值的元素,`$...

    jquery1.4.2库 jquery1.4.2中文参考手册

    jQuery提供了一系列方法来操作元素的属性,如".attr()", ".removeAttr()", ".addClass()", ".removeClass()"等,使得DOM元素的样式和行为控制更为灵活。 七、链式操作 jQuery的一个显著特性是链式调用,一个选择器...

    jquery 切换选项卡

    这个过程中,jQuery 的 `.click()` 方法用于监听点击事件,`.addClass()` 和 `.removeClass()` 用于切换活动状态,`.hide()` 和 `.fadeIn()` 用于隐藏和显示内容。在实际应用中,你可以根据需求进行定制,例如添加...

    jquery教程 15天学会jquery(完整版)

    2. **CSS操作**:使用`.addClass()`, `.removeClass()`, `.toggleClass()`控制元素的CSS类。 3. **淡入淡出与滑动**:了解如何使用`.show()`, `.hide()`, `.toggle()`控制元素的可见性。 **第4天:jQuery AJAX** 1...

Global site tag (gtag.js) - Google Analytics