jQuery--高級

jQuery--高級

博客說明

文章所涉及的資料來自互聯網整理和個人總結，意在於個人學習和經驗匯總，如有什么地方侵權，請聯系本人刪除，謝謝！

動畫

三種方式顯示和隱藏元素

1. 默認顯示和隱藏方式

   • show([speed,[easing],[fn]])，參數：

     1. speed：動畫的速度。三個預定義的值("slow","normal", "fast")或表示動畫時長的毫秒數值(如：1000)

     2. easing：用來指定切換效果，默認是"swing"，可用參數"linear"

        • swing：動畫執行時效果是 先慢，中間快，最后又慢

        • linear：動畫執行時速度是勻速的

     3. fn：在動畫完成時執行的函數，每個元素執行一次。

   • hide([speed,[easing],[fn]])

   • toggle([speed],[easing],[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]])

遍歷

js的遍歷方式

• for(初始化值;循環結束條件;步長)

jquery的遍歷方式

1. jq對象.each(callback)

   語法：

   jquery對象.each(function(index,element){});
   index:就是元素在集合中的索引
   element：就是集合中的每一個元素對象
   this：集合中的每一個元素對象
   

   回調函數返回值：

   • true:如果當前function返回為false，則結束循環(break)。
   • false:如果當前function返回為true，則結束本次循環，繼續下次循環(continue)

2. $.each(object, [callback])

3. for..of: jquery 3.0 版本之后提供的方式
   for(元素對象 of 容器對象)

事件綁定

1. jquery標准的綁定方式

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

2. on綁定事件/off解除綁定

   • jq對象.on("事件名稱",回調函數)
   • jq對象.off("事件名稱")
     • 如果off方法不傳遞任何參數，則將組件上的所有事件全部解綁

3. 事件切換：toggle

   • jq對象.toggle(fn1,fn2...)

     • 當單擊jq對象對應的組件后，會執行fn1.第二次點擊會執行fn2.....

   • 注意：1.9版本 .toggle() 方法刪除,jQuery Migrate（遷移）插件可以恢復此功能。

     <script src="../js/jquery-migrate-1.0.0.js" type="text/javascript" charset="utf-8"></script>
     

插件

增強JQuery的功能

實現方式：

1. $.fn.extend(object)
   • 增強通過Jquery獲取的對象的功能 $("#id")
2. $.extend(object)
   • 增強JQeury對象自身的功能 $/jQuery

感謝

黑馬程序員

萬能的網絡

以及勤勞的自己
關注公眾號： 歸子莫，獲取更多的資料，還有更長的學習計划