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就删除,不存在不加 【谨慎使用】


作者:​​咸瑜​​​


本文摘自 :https://blog.51cto.com/u


更多科技新闻 ......