5.jQuery 的 Class操作
2022-05-31 17:10:29

5.jQuery 的 Class操作

主要讲解对Class操作的三个方法：

1.addClass(内容)
他用来添加元素集合中全部元素的类名，如果元素集合中没有Class，则加入内容；
如果存在不一样的class 补接：'空格' + 内容，其实你看到的是表面内容，实际上它是直接补上一个class
即： .OldClass.NewClass 不相信你可以试试 加入空格 你获取不了

！如果已经存在一样的class则不动！

2.removeClass('类名')
他用来删除元素集合中全部元素的类名，参数匹配类名，则删除，否则不删除。
注意这里删除是只删除class的值 即：（删除后的class：） <div class></div>

3.hasClass(内容)
判断元素集合里有没有这个类名，返回booleam。是否存在.

4. toggleClass(class,switch)
切换类名

参1是必须的 规定添加或移除 class 的指定元素。如需规定若干 class，请使用空格来分隔类名。
参2是可选的。布尔值。规定是否添加或移除 class。

当空参数不加参数时：那么就将所有的class全部取消掉 有点删除的意思啊。
如果只有参1：有点取反的意思啊 即 有参1的class取消掉 没参1的class添加上参1（和addClass一样！）
参2 true or false 意思是true的话 那不存在参1就加上 存在就不动 ;false的话 存在参1就删除，不存在不加 【谨慎使用】

作者：​​咸瑜​​​