JQuery属性与样式——删除样式.removeClass()和切换样式.toggleClass()

简介:

      删除样式.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名后新增,通过空格隔开



本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1982803

相关文章
|
6月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
60 1
|
1月前
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery 拥有可操作 HTML 元素和属性的强大方法。
36 6
|
1月前
|
存储 JavaScript 前端开发
jQuery 对属性的操作
【10月更文挑战第8天】
|
6月前
|
缓存 JavaScript
|
2月前
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery - 获取内容和属性
26 5
|
2月前
|
JavaScript IDE 开发工具
jQuery - 获取内容和属性2
jQuery - 获取内容和属性2
20 3
|
2月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
59 2
|
2月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
55 14
|
2月前
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery - 获取内容和属性
58 12
|
5月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作