用jQuery增加样式和删除样式

于 2019-01-26 11:56:14 发布
阅读量2w 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44540245/article/details/86655762
版权
本文详细介绍了如何使用jQuery进行样式操作，包括addClass、removeClass和toggleClass方法的使用，通过实例展示了如何改变元素的背景颜色。

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

开发工具与关键技术：VS jQuery
作者：黄海滨
撰写时间：2019年1月26日

首先，我们先来说下增加样式
.addclass 它的意思是为为每个匹配元素添加指定类名
然后，我们先设置它外部的一些样式
在这里插入图片描述
在这里插入图片描述
我们看下他的代码
在这里插入图片描述
再来看下他的效果
在这里插入图片描述
在这里插入图片描述
我们点了addclass之后它的背景颜色就发生了变化
接下来我们就来实现一下删除样式
.RemoveClass()
先是代码
在这里插入图片描述
然后再来看下效果
在这里插入图片描述
在这里插入图片描述
可以看出它的效果已经被移除
接下来，还有一个兼并了上面两个代码的
.ToggleClass()
在这里插入图片描述
再来看下它的效果
在这里插入图片描述
再点击它呢，它就会恢复原来的背景
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值