切换样式.toggleClass()
2024-09-27 09:45:02
切换样式.toggleClass()
在做某些效果的时候,可能会针对同一节点的某一个样式不断的切换,也就是addClass与removeClass的互斥切换,比如隔行换色效果
jQuery提供一个toggleClass方法用于简化这种互斥的逻辑,通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass
.toggleClass( )方法:在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类
- .toggleClass( className ):在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名
- .toggleClass( className, switch ):一个布尔值,用于判断样式是否应该被添加或移除
- .toggleClass( [switch ] ):一个用来判断样式类添加还是移除的 布尔值
- .toggleClass( function(index, class, switch) [, switch ] ):用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数
注意事项:
- toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加
- toggleClass会保留原有的Class名后新增,通过空格隔开
最新文章
- 《On Lisp》第四章第三节图4.3中的prune函数fix
- sql表设计器的几个默认值
- C--指针函数,static
- vs2005 ,2008,2010中引入app.manifest(即c#程序在win7下以管理员权限运行方法)
- LINUX单网卡绑定多个IP
- ORA-20000: ORU-10027: buffer overflow, limit of 10000 bytes
- hdu 4747【线段树-成段更新】.cpp
- hdu4081
- MTK Android software Tools工具的说明
- linux 如何截取一段时间内log日志
- (详细)华为畅享7 SLA-AL00的usb调试模式在哪里打开的流程
- js获取复选框checkbox选中的多个值
- Java Socket 通信实例 - 转载
- Linux 第十二天
- 3.装配Bean 基于XML
- 【练习】Java中的读文件,文件的创建,写文件
- CSS选择符-----元素选择符
- Android 编程下 Eclipse 恢复被删除的文件
- sublime text--你所不知道的12个秘密
- 事件绑定的快捷方式 利on进行事件绑定的几种情况