jquery的toggle方法 jQuery toggle() 方法

jquery的toggle方法

jQuery的toggle方法是一个非常有用的方法，它可以让你在不同的状态之间切换，从而实现动态效果。它可以用来显示或隐藏元素，也可以用来改变元素的样式。

$("#element").toggle(); // 切换元素的显示/隐藏
$("#element").toggle(function(){ // 切换元素样式
    $(this).css("background-color", "red"); 
}, function(){ 
    $(this).css("background-color", "blue"); 
}); 

jQuery toggle方法有两个重要的参数：duration和easing。duration参数用于控制切换过程中动画执行时间；easing参数用于控制动画执行过程中的速度。如果不传递这两个参数，默认情况下将使用“swing”作为easing函数，并使用400ms作为duration时间。

jQuery toggle() 方法

jQuery toggle() 方法

jQuery 事件方法

实例

当点击 <p> 元素时进行颜色切换：

$("p").toggle(
function(){$("p").css({"color":"red"});},
function(){$("p").css({"color":"blue"});},
function(){$("p").css({"color":"green"});
});

---

定义和用法

toggle() 方法在 jQuery 版本 1.8 中被废弃，在版本 1.9 中被移除。

toggle() 方法添加两个或多个函数，以响应被选元素的 click 事件之间的切换。

当在元素上点击时调用第一个指定函数，当再次点击时调用第二个函数，以此类推。

注意：还存在一个名为 toggle() 的 jQuery 效果方法。根据不同的参数决定调用哪个方法。

---

语法

$(selector).trigger(function) 

参数	描述
function	必需。每当被选元素被点击时要运行的函数。

---

更多实例

在多个函数之间切换
如何在多个函数之间切换。

---

jQuery 事件方法