jQuery removeClass() 方法
Posted 乱舞春秋__
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery removeClass() 方法相关的知识,希望对你有一定的参考价值。
removeClass()方法可以删除被选元素的一个或多个类。
1.删除单个类
语法格式:
removeClass("className");
示例:
<style>
.one {
font-size: 14px;
color: darkorange;
}
</style>
<script src="jQuery.js"></script>
<script>
$(document).ready(function(){
$("p").removeClass("one");
});
</script>
</head>
<body>
<p class="one">我是一段文字。</p>
</body>
移除前:
移除后:
2.同时移除多个类
语法格式:
removeClass("className1 className2 classNamen");
注意:多个类名之间以空格隔开。
示例:
<style>
.one {
font-size: 14px;
color: darkorange;
}
.two {
font-weight: 700;
border: 2px solid #666;
}
</style>
<script src="jQuery.js"></script>
<script>
$(document).ready(function(){
$("p").removeClass("one two");
});
</script>
</head>
<body>
<p class="one">我是一段文字。</p>
</body>
移除前:
移除后:
以上是关于jQuery removeClass() 方法的主要内容,如果未能解决你的问题,请参考以下文章
jQuery学习笔记 .addClass()/.removeClass()简单学习
uniapp中的addClass(仿jQuery动态添加class方法) - removeClass的方法
jQuery addClass removeClass toggleClass方法概述
JQuery属性与样式——删除样式.removeClass()和切换样式.toggleClass()
207 jQuery 样式操作:css (),addClass,removeClass,toggleClass,tab 栏切换案例