JQury動(dòng)畫(huà)

     .hide()隱藏元素、.show()顯示元素和.toggle()切換顯示或隱藏匹配元素

1   讓頁(yè)面上的元素不可見(jiàn)，一般可以通過(guò)設(shè)置css的display為none屬性，但是通過(guò)css直接修改是靜態(tài)的布局，如果在代碼執(zhí)行的時(shí)候，一般是通過(guò)js控制元素的style屬性

2   .hide()隱藏元素

3   .hide( options )當(dāng)提供hide方法一個(gè)參數(shù)時(shí)，.hide()就會(huì)成為一個(gè)動(dòng)畫(huà)方法，.hide()方法將會(huì)匹配元素的寬度，高度，以及不透明度，同時(shí)進(jìn)行動(dòng)畫(huà)操作

4  .hide("fast / slow")動(dòng)畫(huà)設(shè)置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時(shí)，就是元素會(huì)執(zhí)行200/600毫秒的動(dòng)畫(huà)后再隱藏

5   jQuery在做hide操作的時(shí)候，會(huì)保存本身的元素的原始屬性值，再通過(guò)對(duì)應(yīng)的方法還原的時(shí)候還是初始值，如一個(gè)元素的display屬性值為inline，那么隱藏再顯示時(shí)，這個(gè)元素將再次顯示inline，一旦透明度 達(dá)到0，display樣式屬性將被設(shè)置為none，這個(gè)元素將不再在頁(yè)面中影響布局

6   .show()顯示元素

7   hide是讓元素顯示到隱藏，show則是相反，讓元素從隱藏到顯示

8   show與hide方法是修改的display屬性，通過(guò)visibility屬性布局需要通過(guò)css方法單獨(dú)設(shè)置

9   如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫(xiě)樣式

10   如果讓show與hide成為一個(gè)動(dòng)畫(huà)，那么默認(rèn)執(zhí)行動(dòng)畫(huà)會(huì)改變?cè)氐母叨?，高度，透明?/span>

11   .toggle()切換顯示或隱藏匹配元素，這是最基本的操作，處理元素顯示或者隱藏，因?yàn)椴粠?shù)，所以沒(méi)有動(dòng)畫(huà)，通過(guò)改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒(méi)有動(dòng)畫(huà)，

12   如果元素是最初顯示，它會(huì)被隱藏，如果隱藏的，它會(huì)顯示出來(lái)

13   .toggle( [duration ] [, complete ] )提供參數(shù)，提供了時(shí)間、還有動(dòng)畫(huà)結(jié)束的回調(diào)，在參數(shù)對(duì)應(yīng)的時(shí)間內(nèi)，元素會(huì)發(fā)生顯示/隱藏的改變，在改變的過(guò)程中會(huì)把元素的高、寬、不透明度進(jìn)行一系列動(dòng)畫(huà)效果

14   .toggle(display)直接定位,直接提供一個(gè)參數(shù)，指定要改變的元素的最終效果,確定是使用show還是hide方法