Jquery的一些属性和样式

本文深入解析JQuery中RemoveClass和ToggleClass方法的使用技巧,包括如何在元素上移除或切换样式类,实现如隔行换色等动态效果。详细介绍了方法参数及其功能,帮助开发者掌握更高效的样式控制。

删除样式:
.RemoveClass()方法: 在()里面添加ClassName是每个匹配元素移除的一个或多个用空格隔开的样式名称
Function(index、class):在一个函数里面,返回一个或者多个将要被移除的样式名称
值得注意的是,如果一个样式类名称作为一个参数,只有这种样式类会被从匹配的元素集合中删除,如果没有样式名称作为参数,那么所有的样式类名称都将被删除

切换样式:
在做某些效果的时候,可能会针对同一个节点的某一个样式不断的切换,也就是add Class和remove Class 的互斥切换,例如隔行换色的效果
Jquery提供的toggle Class的方法用于简化这种互斥的逻辑,通过toggle Class方法的动态添加 或者删除class,相当于执行一次add class,再一次执行相当于remove class

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

“class name”(放在括号里边儿的):在匹配的元素集合中的每个元素上用来切换一个或者多个(用空格隔开)样式类名

“class name”、“switch”:一个布尔值,用于判断样式是否应该被添加或者移除
“[switch]”:一个用于判断样式类添加还是移除的布尔值
“function(index、class、switch)、[switch]”:都是用来返回匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引值位置和元素的样式类作为参数
事项:toggle class会保留原有的class名,通过空格隔开

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值