JQuery属性与样式——删除样式.removeClass()和切换样式.toggleClass()
2017-11-17 15:28
417 查看
删除样式.removeClass()和切换样式.toggleClass()
1 .removeClass()从匹配的元素中删除全部或者指定的class
2 .removeClass()的2种方法
.removeClass([className])每个匹配元素移除的一个或多个用空格隔开的样式名
.removeClass(function(index,class))一个函数,返回一个或多个将要被移除的样式名
3 如果一个样式类名作为一个参数,样式类会被从匹配的元素集合中删除,如果没有样式名作为参数,那么所有的样式类将会被移除
4 通过.toggleClass方法添加删除Class,一次执行相当于addClass,再次执行相当于removeClass
5 .toggleClass()方法:t在匹配的元素集合中的每个元素添加或删除一个或多样式类,取决于这个样式类是否存在或值切换属性,即如果不存在就添加一个类,如果存在就删除一个类
6 .toggleClass()的4种方法
.toggleClass(className)在匹配的元素集合中的每个元素上用来切换一个或多个(有空格隔开)样式类名
.toggleClass(className,switch)一个布尔值,用于判断样式是否应该被添加或移除
.toggleClass([switch])一个用来判断样式)[switch])类添加还是移除的布尔值
.toggleClass(function(index,class,switch)用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数,接受元素的索引位置和元素旧的样式雷作为参数
7 .toggleClass是一个互斥的逻辑,通过判断对应的元素上是否存在指定的Class名,如果有就删除,没有就增加
8 .toggleClass会保留原有的Class名后新增,通过空格隔开
1 .removeClass()从匹配的元素中删除全部或者指定的class
2 .removeClass()的2种方法
.removeClass([className])每个匹配元素移除的一个或多个用空格隔开的样式名
.removeClass(function(index,class))一个函数,返回一个或多个将要被移除的样式名
3 如果一个样式类名作为一个参数,样式类会被从匹配的元素集合中删除,如果没有样式名作为参数,那么所有的样式类将会被移除
4 通过.toggleClass方法添加删除Class,一次执行相当于addClass,再次执行相当于removeClass
5 .toggleClass()方法:t在匹配的元素集合中的每个元素添加或删除一个或多样式类,取决于这个样式类是否存在或值切换属性,即如果不存在就添加一个类,如果存在就删除一个类
6 .toggleClass()的4种方法
.toggleClass(className)在匹配的元素集合中的每个元素上用来切换一个或多个(有空格隔开)样式类名
.toggleClass(className,switch)一个布尔值,用于判断样式是否应该被添加或移除
.toggleClass([switch])一个用来判断样式)[switch])类添加还是移除的布尔值
.toggleClass(function(index,class,switch)用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数,接受元素的索引位置和元素旧的样式雷作为参数
7 .toggleClass是一个互斥的逻辑,通过判断对应的元素上是否存在指定的Class名,如果有就删除,没有就增加
8 .toggleClass会保留原有的Class名后新增,通过空格隔开
相关文章推荐
- JQuery:通过属性addClass、removeClass和toggleClass实行增加和删除类
- jQuery的属性与样式之切换样式.toggleClass()
- jQuery的属性与样式之删除样式.removeClass()
- jQuery的属性与样式之删除样式.removeClass()
- jquery(3-1) 修改元素样式(addClass(),removeClass(),toggleClass())
- class 样式的添加,删除,切换 【选择器】addClass,removeClass,toggleClass
- jQuery学习09---样式操作,addClass,removeClass,toggleClass
- [原创] jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- jquery的样式操作Css Class(addClass,removeClass,toggleClass)
- jQuery使用toggleClass方法动态添加删除Class样式的方法
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- jQuery使用toggleClass方法动态添加删除Class样式的方法
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- 【转】jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- jQuery切换样式——.toggleClass()
- 使用jquery的toggleClass属性无法改变样式
- jQuery删除样式——.removeClass()
- jquery之修改元素样式(添加和删除类名称,使用addClass(),removeClass(),toggleClass()方法)
- jquery中toggleClass方法用于样式切换
- Jquery重新学习之三[属性addClass(),removeClass(),toggleClass()]