JQuery是一個強大的Javascript庫，其中包含了許多動畫效果，讓網頁交互更加生動。今天，我們來了解一下JQuery的八種常用動畫效果。

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

hide()和show()是最基本的動畫，可以實現元素的隱藏和顯示效果。其中，speed參數表示動畫的速度，可以取slow、normal或fast三個值，也可以用毫秒數表示。callback參數是可選的回調函數，當動畫完成后執行。

$(selector).fadeIn(speed,callback);
$(selector).fadeOut(speed,callback);

fadeIn()和fadeOut()可以實現元素淡入和淡出的效果。和hide()和show()類似，都有speed和callback兩個參數。

$(selector).slideUp(speed,callback);
$(selector).slideDown(speed,callback);

slideUp()和slideDown()可以實現元素的上升和下降效果。同樣是有speed和callback兩個參數。

$(selector).animate({params},speed,callback);

animate()可以自定義參數來實現各種動畫效果，如移動、縮放、旋轉等。params參數是一個對象，包含了需要改變的樣式屬性和目標值。如下面的例子：

$("div").animate({
left:'250px',
opacity:'0.5',
height:'+=150px',
width:'+=150px'
});

以上代碼可以實現一個動畫效果，使得div元素向右移動250像素，透明度變為0.5，高度和寬度分別增加150像素。

$(selector).toggle(speed,callback);
$(selector).fadeToggle(speed,callback);
$(selector).slideToggle(speed,callback);

toggle()、fadeToggle()和slideToggle()分別是show()、hide()、fadeIn()、fadeOut()、slideUp()和slideDown() 的結合。如下面的例子：

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

以上代碼可以實現一個按鈕，點擊后可以切換段落元素的隱藏和顯示。