jQuery | 切换()方法

在 jQuery 中，使用 切换() 方法可以在两个或多个事件之间进行切换。在切换的过程中，如果该元素中有对应的事件，则该事件将被激活。

语法

以下是 切换() 方法的语法：

$(selector).toggle(speed, easing, callback);

参数

参数 | 描述 -------|-------- speed | 定义切换的速度。可以是 "slow"、"fast" 或毫秒数（比如 1000）。 easing | 定义切换的动画效果。默认为 "swing"。可用的只有 "swing" 和 "linear"。 callback | 在切换完成后执行的函数名称。

实例

HTML

<p>点击这个按钮</p>
<button>切换下面的段落</button>
<p>这是段落的第一行。</p>
<p>这是段落的第二行。</p>

jQuery

当点击按钮时，切换下面的段落。

$(document).ready(function(){
    $("button").click(function(){  // 当点击按钮时
        $("p").toggle();    // 切换下面的段落
    });
});

返回值

切换() 方法没有返回值。

总结

切换() 方法是一个方便的方法，可以在点击按钮或其他事件时轻松地添加或删除元素。它同样可以用于隐藏或显示元素，或切换两个或多个不同的事件。