首页 > web前端 > js教程 > jquery如何去除样式

jquery如何去除样式

coldplay.xixi
发布: 2020-11-30 11:58:25
原创
3304 人浏览过

jquery去除样式的方法:1、使用【removeClass()】方法,代码为【removeClass(function(index,class))】;2、使用toggleClass方法,代码为【toggleClass(class)】。

jquery如何去除样式

本教程操作环境: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(视频)

以上是jquery如何去除样式的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板