一、顯示與隱藏動(dòng)畫

1. show()和hide()
   show()方法用于顯示頁(yè)面中的元素，show()方法會(huì)改變當(dāng)前元素的高度、寬度和不透明度，最終顯示當(dāng)前元素，當(dāng)前的css屬性display會(huì)恢復(fù)除none之外的初始值。
   hide()方法用于隱藏頁(yè)面中的元素，hide()方法會(huì)改變當(dāng)前元素的高度、寬度和不透明度，最終隱藏當(dāng)前元素，當(dāng)前的css屬性display修改為none。
   show()語(yǔ)法結(jié)構(gòu)：

jQuery對(duì)象.show(duration,[fn]);

注：參數(shù)duration表示動(dòng)畫效果運(yùn)行的時(shí)間，可以使用關(guān)鍵字slow、normal和fast，分別對(duì)應(yīng)時(shí)間0.6秒、0.4秒和0.2秒，此參數(shù)要加引號(hào)，也可以使用數(shù)字，單位默認(rèn)是毫秒。
hide()語(yǔ)法結(jié)構(gòu)：

jQuery對(duì)象.hide (duration,[fn]);

2. toggle()方法
   作用：模擬鼠標(biāo)的連續(xù)單擊事件，還可以動(dòng)態(tài)地改變當(dāng)前元素的高度、寬度和不透明度，最終切換當(dāng)前元素的可見狀態(tài)。如果元素是可見的，則被切換為隱藏狀態(tài)，如果元素是隱藏的，則被切換為可見的。
   語(yǔ)法結(jié)構(gòu)：

jQuery對(duì)象.toggle(duration,[fn]);

二、 淡入與淡出動(dòng)畫

1.fadeIn()和fadeOut()方法
作用：fadeIn()方法動(dòng)態(tài)的改變當(dāng)前的元素的的透明度（其他不變），實(shí)現(xiàn)淡入的效果，最終顯示當(dāng)前元素，當(dāng)前的css屬性display會(huì)恢復(fù)除none之外的初始值。
格式如下：

jQuery對(duì)象.fadeIn(duration,[fn]);

fadeOut()方法動(dòng)態(tài)改變當(dāng)前的元素的的透明度（其他不變），實(shí)現(xiàn)淡出的效果，最終隱藏當(dāng)前元素，當(dāng)前的css屬性display修改為none。
格式如下：

jQuery對(duì)象.fadeOut(duration,[fn]);

2. fadeToggle()方法
   作用：fadeToggle()方法會(huì)動(dòng)態(tài)改變當(dāng)前元素的透明度，最終切換當(dāng)前元素的可見狀態(tài)。如果元素是可見的，則通過淡出效果切換為隱藏狀態(tài)，如果元素是隱藏的，則通過淡入效果切換為可見狀態(tài)。
   語(yǔ)法結(jié)構(gòu)：

jQuery對(duì)象.fadeToggle(duration,[fn]);

注：當(dāng)不設(shè)置參數(shù)時(shí)，參數(shù)默認(rèn)是normal，效果是使元素在0.4秒內(nèi)發(fā)生淡入與淡出的效果

3.fadeTo()方法
作用：指定元素的透明度是某一個(gè)值。
語(yǔ)法結(jié)構(gòu)：

jQuery對(duì)象.fadeTo(duration,opacity,[fn]);

注：參數(shù)duration是動(dòng)畫效果的速度，參數(shù)opacity用于指定不透明度，取值范圍是0~1,0表示完全透明，1表示完全不透明。

三、滑入與滑出效果

1.slideDown()方法和slideUp()方法
slideDown()會(huì)動(dòng)態(tài)的改變當(dāng)前元素的高度（其他不變），由上倒下滑入，即高度向下增大，直至最終顯示當(dāng)前元素，此時(shí)元素的css屬性display恢復(fù)為除none之外的初始值。
語(yǔ)法格式：

jQuery對(duì)象.slideDown(duration,[fn]);

slideUp()會(huì)動(dòng)態(tài)的改變當(dāng)前元素的高度（其他不變），由下倒上滑出，即高度向下減小，直至最終隱藏當(dāng)前元素，此時(shí)元素的css屬性display修改為none。
語(yǔ)法格式：

jQuery對(duì)象.slideUp(duration,[fn]);

2. slideToggle()方法
   作用：slideToggle()方法會(huì)動(dòng)態(tài)改變當(dāng)前元素的高度（其他不變），最終切換當(dāng)前元素的可見狀態(tài)。如果元素是可見的，則通過滑出效果切換為隱藏狀態(tài)，如果元素是隱藏的，則通過滑入效果切換為可見狀態(tài)。
   語(yǔ)法結(jié)構(gòu)：

jQuery對(duì)象.slideToggle(duration,[fn]);

四、自定義動(dòng)畫

1. 簡(jiǎn)單的動(dòng)畫
   animate()方法可以動(dòng)態(tài)的改變當(dāng)前元素的各種css屬性。語(yǔ)法結(jié)構(gòu)：

jQuery對(duì)象.animate(properties,[duration],[fn]);

注：參數(shù)properties使用一個(gè)“名：值”形式對(duì)象，用于設(shè)置需要改變的css屬性。animate()方法只能改變可以取數(shù)字值的css屬性。
2.移動(dòng)位置的動(dòng)畫
animate()方法可以增加元素的長(zhǎng)度和寬度，還可以改變?cè)卦陧?yè)面中的位置。
注意： 如要實(shí)現(xiàn)元素以動(dòng)畫效果移動(dòng)，該元素的“position” 屬性必須設(shè)為“relative”或“absolute”。
3.隊(duì)列中的動(dòng)畫
多個(gè)animate()方法在元素中執(zhí)行。根據(jù)這些方法執(zhí)行的先后順序，形成動(dòng)畫“隊(duì)列”。

五、 停止動(dòng)畫

語(yǔ)法結(jié)構(gòu)；

jQuery對(duì)象.stop([clearQueue][,gotoEnd]);

注：shop()方法的兩個(gè)參數(shù)均為可選參數(shù)，且均為布爾類型。如果沒有參數(shù)，則會(huì)立即停止當(dāng)前正在執(zhí)行的動(dòng)畫。clearQueue參數(shù)表示是否清空未執(zhí)行完的動(dòng)畫隊(duì)列，gotoEnd參數(shù)表示是否立即完成正在執(zhí)行的動(dòng)畫。