jquery去除样式的方法:1、使用【removeClass()】方法,代码为【removeClass(function(index,class))】;2、使用toggleClass方法,代码为【toggleClass(class)】。
本教程操作环境:windows7系统、jquery3.2.1版,该方法适用于所有品牌电脑。
jquery去除样式的方法:
1、removeClass()方法
.removeClass([className]):
每个匹配元素移除的一个或多个用空格隔开的样式名
.removeClass(function(index,class)):
一个函数,返回一个或多个将要被移除的样式名
这里要注意一下:
如果一个样式类名作为一个参数,只有这样式类会被从匹配的元素集合中删除,如果没有样式名作为参数,那么所有的样式类将被移除。
jQuery的属性.toggleClass()
在做某些效果的时候,可能会针对同一节点的某一个样式不断的切换,也就是addClass与removeClass的互斥切换,比如隔行换色效果
jQuery提供一个toggleClass方法用于简化这种互斥的逻辑,通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass
2、toggleClass( )方法
在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类
.toggleClass(className):
在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名
.toggleClass( className, switch ):
一个布尔值,用于判断样式是否应该被添加或移除
.toggleClass( [switch ] ):
一个用来判断样式类添加还是移除的布尔值:
.toggleClass( function(index, class, switch) [, switch ] ):
用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数。
这里要注意:
toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加
toggleClass会保留原有的Class名后新增,通过空格隔开。相关免费学习推荐:javascript(视频)