基本概念
隱藏其實就是 display:none;
顯示可以有很多種：display:block flex inline-block，block 最常見，
基礎顯示隱藏
以上方法傳入時間后才有影片影片效果，不傳入時間沒有影片效果，
淡入淡出顯示隱藏
就是透明度的變化，
沒有傳入時間也有影片效果，默認值是 400 毫秒
滑動顯示隱藏
高度的變化
自定義影片
核心方法
.animate( 樣式物件, 時間, 回呼函式 )
被稱為動態的 .css( )
參考代碼
// 有影片效果的變化
.animate({ width: '200px', height: '200px' });// 沒有影片效果
.css({ width: '200px', height: '200px' });
影片回呼函式
執行時機，影片結束后，自動執行的函式，可以嵌套，
注意事項
駝峰寫法
font-size border-radius 中桿這類樣式需要寫成駝峰寫法 fontSize borderRadius
影片使用原則
優先使用 CSS3 實作影片效果，CSS3 無法實作的再使用 JS 實作，
影片佇列
影片佇列概念：我們可以理解為 JQ 的影片是排隊執行的，上一個影片結束后，才執行下一個影片，
常見 bug： 滑鼠快速移入移出的時候，給同一個元素快速添加了多個影片，滑鼠停止移動了，影片效果還在播放，
解決辦法：在呼叫新的影片方法前，添加一個 .stop( ) 清空以前的影片，直接執行新的影片，
.stop()
上一章：jQuery入門第一章（jQuery初體驗）
下一章：jQuery入門第三章（JQ 節點操作）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/298126.html
標籤：其他
上一篇：element 專案全屏功能