以前我是一直都不能理解Toggle 这个到底是什么的意思,其实就是我们的切换的意思

如果存在,就删除,不存在我们就添加这个类进来就好了。

这个类是,我们自己在css文件中已经定义好的东西哟

$("button").click(function(){
  $("p").toggleClass("main");
});

toggleClass() 对设置或移除被选元素的一个或多个类进行切换。

该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。

不过,通过使用 "switch" 参数,您能够规定只删除或只添加类

$(selector).toggleClass(class,switch)
参数 描述
class

必需。规定添加或移除 class 的指定元素。

如需规定若干 class,请使用空格来分隔类名。

switch 可选。布尔值。规定是否添加或移除 class。

使用函数来切换类

$(selector).toggleClass(function(index,class),switch)
刚开始我也是不能理解,index的意思,因为我们选择器,选择的可能有很多的东西存在,我们可以通过index,来操作我们到底是

操作第几个呢?