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

Posted 2020-10-14

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