jquery怎么去除样式

这篇文章给大家分享的是有关jquery怎么去除样式的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

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

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名后新增，通过空格隔开。

感谢各位的阅读！关于jquery怎么去除样式就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！