📅  最后修改于: 2020-11-25 02:47:06             🧑  作者: Mango
jQuery toggle()是一种特殊类型的方法,用于在hide()和show()方法之间进行切换。它显示隐藏的元素并隐藏显示的元素。
句法:
$(selector).toggle();
$(selector).toggle(speed, callback);
$(selector).toggle(speed, easing, callback);
$(selector).toggle(display);
速度:这是一个可选参数。它指定延迟的速度。其可能的值是慢,快和毫秒。
缓动:指定用于过渡的缓动函数。
callback:这也是一个可选参数。它指定在toggle()效果完成后要调用的函数。
display:如果为true,则显示element。如果为false,则隐藏该元素。
让我们以一个示例来看一下jQuery切换效果。
This is a little poem:
Twinkle, twinkle, little star
How I wonder what you are
Up above the world so high
Like a diamond in the sky
Twinkle, twinkle little star
How I wonder what you are
输出:
This is a little poem:
Twinkle, twinkle, little star
How I wonder what you are
Up above the world so high
Like a diamond in the sky
Twinkle, twinkle little star
How I wonder what you are
让我们看一下1500毫秒速度的jQuery切换效果的示例。
$(document).ready(function(){
$("button").click(function(){
$("div.d1").toggle(1500);
});
});