JQuery高級部分

簡介

對動畫、遍歷、事件綁定的介紹。

操作

動畫

1. 三種方式顯示和隱藏元素
   • show([speed,[easing],[fn]]) 默認顯示和隱藏方式
     參數:
     • speed：動畫的速度。三個預定義的值("slow","normal", "fast")或表示動畫時長的毫秒數值(如：1000)
     • easing：用來指定切換效果，默認是"swing"，可用參數"linear"； swing：動畫執行時效果是 先慢，中間快，最后又慢；linear：動畫執行時速度是勻速的。
     • fn：在動畫完成時執行的函數，每個元素執行一次。
2. 滑動顯示和隱藏方式
   • slideDown([speed],[easing],[fn])；
   • slideUp([speed,[easing],[fn]])
   • slideToggle([speed],[easing],[fn])
3. 淡入淡出顯示和隱藏方式
   • fadeIn([speed],[easing],[fn])
   • fadeOut([speed],[easing],[fn])
   • fadeToggle([speed,[easing],[fn]])

遍歷

1. js的遍歷方式
   • for(初始化值;循環結束條件;步長)

事件綁定

1. jquery標准的綁定方式
   • jq對象.事件方法(回調函數)；
   • 注：如果調用事件方法，不傳遞回調函數，則會觸發瀏覽器默認行為。
   • 表單對象.submit();//讓表單提交

Gitee代碼

https://gitee.com/zhuayng/FontEndBasis/blob/develop/JQueryAndAjaxBasis/jquery_complex_demo.html