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
類,從而改變文本顏色。