jQuery的removeClass()方法怎么使用

lewis 7年前 (2018-10-03) 阅读数 12 #程序编程

文章标签 jquery

jQuery的removeClass()方法用于移除指定元素的一个或多个类。

使用该方法的语法如下：

$(selector).removeClass(classname);

其中，selector是要操作的元素的选择器，可以是元素的ID、类名、标签名等；classname是要移除的类名。

如果要移除多个类名，可以通过空格分隔它们，如下所示：

$(selector).removeClass(classname1 classname2 ...);

示例：

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("h1").removeClass("red");
});
});
</script>
<style>
.red {
color: red;
}
</style>
</head>
<body>
<h1 class="red">Hello world!</h1>
<button>移除类名</button>
</body>
</html>

以上示例中，当点击按钮时，会移除<h1>元素的red类，从而改变文本颜色。