jQuery toggleClass() 方法

返回上一级

jQuery toggleClass() 方法对添加和移除被选元素的一个或多个类进行切换

该方法检查每个元素中指定的类

如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果

而且,我们可以通过使用 "switch" 参数设置只删除或只添加类

语法

$( selector ).toggleClass( classname, function (index,currentclass),switch )

参数

参数 描述
classname 必需。规定添加或移除的一个或多个类名
如需规定若干个类,请使用空格分隔类名
function(index,currentclass) 可选。规定返回需要添加/删除的一个或多个类名的函数
index - 返回集合中元素的 index 位置
currentclass - 返回被选元素的当前类名
switch 可选。布尔值,规定是否仅仅添加 ( true ) 或移除 ( false ) 类

范例

对添加和移除所有 <p> 元素的 "main" 类进行切换

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

运行范例 »

更多范例

  1. 对添加和移除类进行切换

    如何使用 toggleClass() 方法来对添加和移除类进行切换

  2. 使用函数切换类

    使用函数来规定当前元素需切换哪个类名

  3. 使用 switch 参数

    如何使用 switch 参数来仅仅添加或移除类名

返回上一级

jQuery 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.