一惯豆、顯示與隱藏動(dòng)畫
- show()和hide()
show()方法用于顯示頁面中的元素害淤，show()方法會(huì)改變當(dāng)前元素的高度挖息、寬度和不透明度，最終顯示當(dāng)前元素码邻，當(dāng)前的css屬性display會(huì)恢復(fù)除none之外的初始值折剃。
hide()方法用于隱藏頁面中的元素，hide()方法會(huì)改變當(dāng)前元素的高度像屋、寬度和不透明度怕犁，最終隱藏當(dāng)前元素，當(dāng)前的css屬性display修改為none己莺。
show()語法結(jié)構(gòu)：
jQuery對象.show(duration,[fn]);
注：參數(shù)duration表示動(dòng)畫效果運(yùn)行的時(shí)間奏甫，可以使用關(guān)鍵字slow、normal和fast凌受，分別對應(yīng)時(shí)間0.6秒阵子、0.4秒和0.2秒，此參數(shù)要加引號胜蛉，也可以使用數(shù)字挠进，單位默認(rèn)是毫秒。
hide()語法結(jié)構(gòu)：
jQuery對象.hide (duration,[fn]);
- toggle()方法
作用：模擬鼠標(biāo)的連續(xù)單擊事件誊册，還可以動(dòng)態(tài)地改變當(dāng)前元素的高度领突、寬度和不透明度，最終切換當(dāng)前元素的可見狀態(tài)案怯。如果元素是可見的君旦，則被切換為隱藏狀態(tài)，如果元素是隱藏的殴泰，則被切換為可見的于宙。
語法結(jié)構(gòu)：
jQuery對象.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對象.fadeIn(duration,[fn]);
fadeOut()方法動(dòng)態(tài)改變當(dāng)前的元素的的透明度（其他不變），實(shí)現(xiàn)淡出的效果，最終隱藏當(dāng)前元素宵蛀，當(dāng)前的css屬性display修改為none昆著。
格式如下：
jQuery對象.fadeOut(duration,[fn]);
- fadeToggle()方法
作用：fadeToggle()方法會(huì)動(dòng)態(tài)改變當(dāng)前元素的透明度，最終切換當(dāng)前元素的可見狀態(tài)术陶。如果元素是可見的凑懂，則通過淡出效果切換為隱藏狀態(tài)，如果元素是隱藏的梧宫，則通過淡入效果切換為可見狀態(tài)接谨。
語法結(jié)構(gòu)：
jQuery對象.fadeToggle(duration,[fn]);
注：當(dāng)不設(shè)置參數(shù)時(shí)，參數(shù)默認(rèn)是normal塘匣，效果是使元素在0.4秒內(nèi)發(fā)生淡入與淡出的效果
3.fadeTo()方法
作用：指定元素的透明度是某一個(gè)值脓豪。
語法結(jié)構(gòu)：
jQuery對象.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之外的初始值。
語法格式：
jQuery對象.slideDown(duration,[fn]);
slideUp()會(huì)動(dòng)態(tài)的改變當(dāng)前元素的高度（其他不變）勋桶，由下倒上滑出脱衙，即高度向下減小，直至最終隱藏當(dāng)前元素例驹，此時(shí)元素的css屬性display修改為none捐韩。
語法格式：
jQuery對象.slideUp(duration,[fn]);
- slideToggle()方法
作用：slideToggle()方法會(huì)動(dòng)態(tài)改變當(dāng)前元素的高度（其他不變），最終切換當(dāng)前元素的可見狀態(tài)鹃锈。如果元素是可見的荤胁，則通過滑出效果切換為隱藏狀態(tài)，如果元素是隱藏的屎债，則通過滑入效果切換為可見狀態(tài)仅政。
語法結(jié)構(gòu)：
jQuery對象.slideToggle(duration,[fn]);
四、自定義動(dòng)畫
- 簡單的動(dòng)畫
animate()方法可以動(dòng)態(tài)的改變當(dāng)前元素的各種css屬性盆驹。語法結(jié)構(gòu)：
jQuery對象.animate(properties,[duration],[fn]);
注：參數(shù)properties使用一個(gè)“名：值”形式對象圆丹，用于設(shè)置需要改變的css屬性。animate()方法只能改變可以取數(shù)字值的css屬性躯喇。
2.移動(dòng)位置的動(dòng)畫
animate()方法可以增加元素的長度和寬度辫封，還可以改變元素在頁面中的位置硝枉。
注意： 如要實(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)畫
語法結(jié)構(gòu)；
jQuery對象.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)畫。
