jQuery 的 .toggleClass()
方法用于在选定的元素上添加或移除一个或多个类。这个方法会检查每个元素中指定的类,如果类不存在,则添加它;如果类已设置,则删除它。这被称为切换效果。此外,可以通过使用 "switch" 参数来规定只删除或只添加类。
语法
(selector).toggleClass(class, switch)
class
:必需。规定要添加或移除的类名。如果需要规定多个类名,请使用空格分隔它们。switch
:可选。布尔值。规定是否添加或移除类。
使用函数来切换类
(selector).toggleClass(function(index, class), switch)
function(index, class)
:必需。规定返回需要添加或删除的一个或多个类名的函数。index
:可选。接受选择器的 index 位置。class
:可选。接受选择器的当前的类。
switch
:可选。布尔值。规定是否添加(true)或移除(false)类。
示例
$("button").click(function() {$("p").toggleClass("mai