jQuery的toggle方法使用指南
warning:
这篇文章距离上次修改已过432天,其中的内容可能已经有所变动。
toggle 方法在 jQuery 中已经被废弃,并从 jQuery 3.0+ 版本开始被移除。如果你使用的是较新版本的 jQuery,你应该使用 toggle 函数的替代品,即 fadeToggle、slideToggle 或 toggleClass。
以下是使用 fadeToggle 方法实现淡入淡出效果的示例:
// 假设按钮有一个 id="fade-button"
$("#fade-button").click(function() {
$("#element-to-fade").fadeToggle();
});使用 slideToggle 方法实现滑入滑出效果的示例:
// 假设按钮有一个 id="slide-button"
$("#slide-button").click(function() {
$("#element-to-slide").slideToggle();
});使用 toggleClass 方法来切换元素的类的示例:
// 假设按钮有一个 id="toggle-class-button"
$("#toggle-class-button").click(function() {
$("#element-to-toggle-class").toggleClass("hidden");
});在这些示例中,#element-to-fade、#element-to-slide 和 #element-to-toggle-class 是你想要进行操作的元素的 ID。hidden 是一个用来切换的 CSS 类,它可以是任何你想要切换的样式,比如 display: none;。
评论已关闭