文章目录

jquery removeClass()使用方法详解

首先我们得了解removeClass()有做什么的?有什么作用?

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

从字面意思就可以理解了,remove移除,class类。

html代码<style>
.border{width:200px; height:200px; line-height:200px; text-align:center; border:1px #333 solid;}
.fontsize{font-size:22px;}
.color{color:blue;}
</style>
<div class="box border fontsize color">三体教程</div>
<input type="button" id="btn1" value="点击移除单个类" />
<input type="button" id="btn2" value="点击移除多个类" />
<script>
$("#btn1").click(function(){
    $(".box").removeClass("border");
    $(this).val("样式border已被移除");
});
</script>

上面的实例是移除单个类。

当然,removeClass()的作用决不仅限于此,它还可以移除多个类。

javascript代码<script>
$("#btn2").click(function(){
    $(".box").removeClass("fontsize color");
    $(this).val("样式fontsize、color已被移除");
});
</script>

你可以试试点击第二个按钮,它将会移除“fontsize,color”这两个类。

亲自测试一下

使用removeClass()移除多个类的时候,多个类之间用空格隔开,而不是使用逗号隔开。

一般是在什么时候我们会用到removeClass()方法呢?

反正小编用得最多的地方是,点击一个按钮,移除样式变灰,然后执行完程序后,又addClass()还原回来。

本文网址:http://www.santii.com/article/43.html


数据更新时间:2018-09-21