addClass:将指定的class添加到匹配元素集中的每个元素。不会替换元素已有的class,而是追加class。在JQuery1.12/2.2之前,此方法操作的是className属性,而不是class属性。属性更改后,浏览器将相应地更新属性。可以一次添加多个class,这些class由空格分隔。JQuery1.4起,还接受函数作为参数,函数包含两个参数,一个是匹配的元素在元素集中的位置,索引从0开始,第二个参数为元素已存在的class。返回一个要添加到元素中的一个或多个class名称。如果要添加的class已存在,则忽略。eg:为p元素添加名为test的class,$("p").addClass("test")。
hasClass:判断匹配的元素集中是否有元素包含指定的class。即使元素分配了多个class,只要包含指定class就返回true。如果元素集中任何一个元素包含指定的class就返回true。eg:是否有包含名为test的class的p元素,$("p").hasClass("test")。
removeClass:将指定的一个或多个或所有的class从匹配的元素集中的元素中移除。如果传入class名,则将指定的class移除,如果不传参数,则移除所有class。在JQuery1.12/2.2之前,此方法操作的是className属性,而不是class属性。属性更改后,浏览器将相应地更新属性。可以一次移除多个class,这些class由空格分隔。JQuery1.4起,还接受函数作为参数,函数包含两个参数,一个是匹配的元素在元素集中的位置,索引从0开始,第二个参数为元素已存在的class。返回要删除的一个或多个以空格分隔的class名。如果返回的是空字符串,则不移除任何class。eg:删除p元素名为test的class,$("p").removeClass("test")。
toggleClass:根据指定的class是否存在和状态参数来决定,匹配元素集中的每个元素添加或删除一个或多个class。JQuery1.3之前,此方法只接受一个参数,指定一个或多个空格分隔的匹配元素集中的每个元素要添加或删除的class名。如果指定class存在则删除,如果不存在就添加。JQuery1.3起,此方法除了接受class名以外,还接受一个布尔类型的状态参数来决定是否要添加或删除class,如果为true则添加,如果为false则删除。JQuery1.4起,此方法还可以用函数来代替第一个参数class名称,此函数接受三个参数,一个是匹配的元素在元素集中的位置,索引从0开始,第二个参数为元素已存在的class,第三个参数是状态参数,此状态参数的值为取决于调用toggleClass是否指定状态参数以及参数的值。返回要添加或删除的class名称,如果返回的是空字符串,则不进行任何操作。eg:删除p元素名为test1、test2的class。$("p").toggleClass("test1 test2",false)。