如何使用jQuery批量移除class

如何使用jQuery批量移除class,第1张

removeClass()

如:

$("*").removeClass()//这样就会移除所有元素的所有class

如果要移除指定的class

就这样写

$("*").removeClass("类名称")

$("*")中的*可以是元素名,或id名等

请参考http://www.w3school.com.cn/jquery/jquery_reference.asp

toggleClass方法可以实现对某一class进行添加删除 *** 作。

示例:

$('#test').toggleClass('className')上面的代码将会依次为id为test的元素添加/删除名为className的class,如果test元素存在className,则删除className,如果不存在则添加className。

toggleClass的用法如下:

在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。

.toggleClass(

className

)

className

类型: String

在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名。

一共三步,具体如下:

1、HTML结构:设计三个li元素<ul id="test">、 <li>Glen</li>、<li>Tane</li、<li>John</li>、</ul>。

2、css样式:设计一个类selected,表示选中后的效果<style>.selected{font-weight:boldbackground: #ff99cccolor:#fff}</style。

3、jquery代码:$(function(){$("#test li").click(function() $(this).siblings('li').removeClass('selected') // 删除其他兄弟元素 $(this).addClass('selected') // 添加当前元素的样式 })

1、removeClass()定义和用法:removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数,则该方法将从被选元素中删除所有类。

2、addClass()定义和用法:addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。如需添加多个类,请使用空格分隔类名。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11914166.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存