.addClass() .removeClass() .toogleClass()

本文详细介绍了如何使用jQuery来为DOM元素添加、删除及切换CSS类名。包括addClass、removeClass和toggleClass方法的使用方法及其参数说明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

.addClass(className)   为每个匹配元素增加一个或多个样式名

.addClass(function(index,currentClass))  返回一个或多个要增加的样式名    多个用空格隔开


.removeClass([className]): 移除一个或多个样式名   多个用空格隔开

.removeClass(function(index,class)) 返回一个或多个将要被移除的样式名。


.toggleClass():存在就删除,不存在就添加

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

.toggleClass(className,switch):一个布尔值,用于判断样式是否应该被添加或移除。

.toggleClass( function(index, class, switch) [, switch ] ):用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数


注意事项:

  1. toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加
  2. toggleClass会保留原有的Class名后新增,通过空格隔开

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值