切换样式.toggleClass()
2016-05-07 21:58
399 查看
切换样式.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名后新增,通过空格隔开
相关文章推荐
- CSS3动画-3D旋转
- HTML/CSS实现下拉菜单
- 关于CSS中background样式的repeat和no-repeat的坐标问题
- CSS position属性详解
- css简单导航触到主菜单显示子菜单横栏展示
- WebStorm FileWatcher (less 编译生成 css css.map min.css)(js 编译 min.js)
- WebStorm FileWatcher (less 编译生成 css css.map min.css)(js 编译 min.js)
- CSS 布局模型
- CSS 盒模型
- CSS 排版
- CSS 入门
- 用css写一个三角形
- CSS rgb颜色产生原理 & 颜色对照表
- div+css3绘制基本图形
- CSS三列自适应布局
- CSS中background:url(图片) 不能显示的问题
- 实现CSS等分布局的4种方式
- [CSS3] CSS :target Selector
- Flex 布局教程:语法篇
- CSS position 定位