jQuery有一些易于實(shí)現(xiàn)的效果來(lái)創(chuàng)建動(dòng)畫。

hide()和show()方法用于隱藏和顯示所選元素。

toggle()方法用于在隱藏和顯示元素之間切換。

例如：

$(function() {
  $("p").click(function() {
    $("div").toggle();
  });
});

hide / show / toggle方法可以帶一個(gè)速度參數(shù),以毫秒為單位指定動(dòng)畫速度。

例如，我們?yōu)閠oggle方法傳入一個(gè)1000毫秒的參數(shù)：

$(function() {
  $("p").click(function() {
    $("div").toggle(1000);
  });
});

hide / show / toggle方法還有第二個(gè)可選參數(shù)可選，這是一個(gè)在動(dòng)畫完成后執(zhí)行回調(diào)的方法。

與hide / show方法類似，jQuery提供了fadeIn / fadeOut方法，它將一個(gè)元素淡入和淡出顯示。

和toggle（）方法在隱藏和顯示之間切換一樣，fadeToggle（）方法可以在淡入淡出中進(jìn)行切換。

讓我們看看fadeToggle（）的實(shí)例：

$(function() {
  $("p").click(function() {
    $("div").fadeToggle(1000);
  });
});

和toggle（）一樣，fadeToggle（）也具有兩個(gè)可選參數(shù)：speed和callback。

用于衰落的另一種方法是fadeTo（），它允許衰減到給定的不透明度（0和1之間的值）。 例如：$（"div").fadeTo（1500，0.7）;

$("p").fadeTo( , );

slideUp（）和slideDown（）方法用于在元素上創(chuàng)建滑動(dòng)效果。

再次，類似于以前的切換方法，slideToggle（）方法提供在滑動(dòng)效果之間切換，一樣也有兩個(gè)可選參數(shù)：速度和回調(diào)。

例如：

$(function() {
 $("p").click(function() {
   $("div").slideToggle(500);
 });
});

$("p"). (function() { ("div").slideDown( ); });