📜  jQuery toggle()

📅  最后修改于: 2020-11-25 02:47:06             🧑  作者: Mango

jQuery toggle()

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

带有速度参数的jQuery toggle()效果

让我们看一下1500毫秒速度的jQuery切换效果的示例。

$(document).ready(function(){
     $("button").click(function(){
        $("div.d1").toggle(1500);
    });
});