JQury動畫

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

1   讓頁面上的元素不可見,一般可以通過設置css的display爲none屬性,但是通過css直接修改是靜態的佈局,如果在代碼執行的時候,一般是通過js控制元素的style屬性

2   .hide()隱藏元素

3   .hide( options )當提供hide方法一個參數時,.hide()就會成爲一個動畫方法,.hide()方法將會匹配元素的寬度,高度,以及不透明度,同時進行動畫操作

4  .hide("fast / slow")動畫設置的快捷方式,'fast' 和 'slow' 分別代表200和600毫秒的延時,就是元素會執行200/600毫秒的動畫後再隱藏

5   jQuery在做hide操作的時候,會保存本身的元素的原始屬性值,再通過對應的方法還原的時候還是初始值,如一個元素的display屬性值爲inline,那麼隱藏再顯示時,這個元素將再次顯示inline,一旦透明度 達到0,display樣式屬性將被設置爲none,這個元素將不再在頁面中影響佈局

6   .show()顯示元素

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

8   show與hide方法是修改的display屬性,通過visibility屬性佈局需要通過css方法單獨設置

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

10   如果讓show與hide成爲一個動畫,那麼默認執行動畫會改變元素的高度,高度,透明度

11   .toggle()切換顯示或隱藏匹配元素,這是最基本的操作,處理元素顯示或者隱藏,因爲不帶參數,所以沒有動畫,通過改變CSS的display屬性,匹配的元素將被立即顯示或隱藏,沒有動畫,

12   如果元素是最初顯示,它會被隱藏,如果隱藏的,它會顯示出來

13   .toggle( [duration ] [, complete ] )提供參數,提供了時間、還有動畫結束的回調,在參數對應的時間內,元素會發生顯示/隱藏的改變,在改變的過程中會把元素的高、寬、不透明度進行一系列動畫效果

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章