jquery removeclass jQuery removeClass() 方法

jquery removeclass

jQuery removeClass() 方法用于从被选元素中删除一个或多个类。

$(selector).removeClass(classname);

该方法可以接受一个或多个类名作为参数，并从被选元素中删除这些类。如果没有提供参数，则将从所有元素中删除所有类。

removeClass() 方法不会影响其他属性，如 style 和 title 属性。它也不会影响内联样式（inline styles）。

$("button").click(function(){ 
    $("h1,h2,p").removeClass("blue");  // 删除所有 h1、h2、p 元素的 blue 类 
});

removeClass() 方法也可以使用函数来实现动态的删除 class 的功能，函数必须返回 true 或 false 来表明是否要删除该 class。

$("button").click(function(){ 
    $("h1,h2,p").removeClass(function(index,class){   // index 表示元素在集合中的位置，class 表示当前元素的 class  
        return (class.match (/(^|\s)blue\S+/g) || []).join(' ');   // 如果存在 blue 类就返回 true  
    });   // 删除所有 h1、h2、p 元素的 blue 类  													    });

此外，jQuery removeClass() 方法也可以使用正则表达式来匹配要删除的 class。例如，要删除所有带有 "test" 字样的 class ，可以使用如下代码：

$("button").click(function(){ 
    $("h1,h2,p").removeClass(/test/g);   // 利用正则表达式匹配 test 的 class ，并将其删除  	});

总之，jQuery removeClass() 是一个很实用的方法，它能够帮助我们快速地将一个或多个 class 从 HTML 元素中去掉。它也能够使用函数和正则表达式来动态地去掉特定的 class ，大大提升了代码的可读性和易用性。

jQuery removeClass() 方法

jQuery removeClass() 方法

jQuery HTML/CSS 方法

实例

从所有的 <p> 元素移除 "intro" 类：

$("button").click(function(){
$("p").removeClass("intro");
});

---

定义和用法

removeClass() 方法从被选元素移除一个或多个类。

注意：如果没有规定参数，则该方法将从被选元素中删除所有类。

---

语法

$(selector).removeClass(classname,function(index,currentclass))

参数	描述
classname	可选。规定要移除的一个或多个类名称。如需移除若干个类，请使用空格分隔类名称。 注意： 如果该参数为空，则将移除所有类名称。
function(index,currentclass)	可选。返回要移除的一个或多个类名称的函数。 index - 返回集合中元素的 index 位置。 currentclass - 返回被选元素的当前类名。

---

更多实例

改变元素的类名
如何使用 addClass() 和 removeClass() 来移除一个类名，并添加一个新的类名。

使用函数移除一个类
使用函数从被选元素移除一个类。

移除若干个类名
如何从被选元素移除若干个类名。

---

jQuery HTML/CSS 方法