.addClass() .removeClass() .toogleClass()

.addClass(className)   为每个匹配元素增加一个或多个样式名

.addClass(function(index,currentClass))  返回一个或多个要增加的样式名    多个用空格隔开


.removeClass([className]): 移除一个或多个样式名   多个用空格隔开

.removeClass(function(index,class)) 返回一个或多个将要被移除的样式名。


.toggleClass():存在就删除,不存在就添加

.toggleClass(className):在匹配的元素集合中为每隔元素切换一个或多个样式类名。多个用空格隔开

.toggleClass(className,switch):一个布尔值,用于判断样式是否应该被添加或移除。

.toggleClass( function(index, class, switch) [, switch ] ):用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数


注意事项:

  1. toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加
  2. toggleClass会保留原有的Class名后新增,通过空格隔开

你可能感兴趣的:(jQuery)