jQuery--高級
博客說明
文章所涉及的資料來自互聯網整理和個人總結，意在于個人學習和經驗匯總，如有什么地方侵權，請聯系本人洗掉，謝謝！
影片
三種方式顯示和隱藏元素
-
默認顯示和隱藏方式
-
show([speed,[easing],[fn]])，引數：
-
speed：影片的速度，三個預定義的值("slow","normal", "fast")或表示影片時長的毫秒數值(如：1000)
-
easing：用來指定切換效果，默認是"swing"，可用引數"linear"
-
swing：影片執行時效果是 先慢，中間快，最后又慢
-
linear：影片執行時速度是勻速的
-
-
fn：在影片完成時執行的函式，每個元素執行一次，
-
-
hide([speed,[easing],[fn]])
-
toggle([speed],[easing],[fn])
-
-
滑動顯示和隱藏方式
- slideDown([speed],[easing],[fn])
- slideUp([speed,[easing],[fn]])
- slideToggle([speed],[easing],[fn])
-
淡入淡出顯示和隱藏方式
- fadeIn([speed],[easing],[fn])
- fadeOut([speed],[easing],[fn])
- fadeToggle([speed,[easing],[fn]])
遍歷
js的遍歷方式
- for(初始化值;回圈結束條件;步長)
jquery的遍歷方式
-
jq物件.each(callback)
語法：
jquery物件.each(function(index,element){}); index:就是元素在集合中的索引 element：就是集合中的每一個元素物件 this：集合中的每一個元素物件回呼函式回傳值：
- true:如果當前function回傳為false，則結束回圈(break)，
- false:如果當前function回傳為true，則結束本次回圈，繼續下次回圈(continue)
-
$.each(object, [callback])
-
for..of: jquery 3.0 版本之后提供的方式
for(元素物件 of 容器物件)
事件系結
-
jquery標準的系結方式
- jq物件.事件方法(回呼函式)；
- 注：如果呼叫事件方法，不傳遞回呼函式，則會觸發瀏覽器默認行為，
- 表單物件.submit();//讓表單提交
-
on系結事件/off解除系結
- jq物件.on("事件名稱",回呼函式)
- jq物件.off("事件名稱")
- 如果off方法不傳遞任何引數，則將組件上的所有事件全部解綁
-
事件切換：toggle
-
jq物件.toggle(fn1,fn2...)
- 當單擊jq物件對應的組件后，會執行fn1.第二次點擊會執行fn2.....
-
注意：1.9版本 .toggle() 方法洗掉,jQuery Migrate（遷移）插件可以恢復此功能，
<script src="https://www.cnblogs.com/guizimo/js/jquery-migrate-1.0.0.js" type="text/javascript" charset="utf-8"></script>
-
插件
增強JQuery的功能
實作方式：
- $.fn.extend(object)
- 增強通過Jquery獲取的物件的功能 $("#id")
- $.extend(object)
- 增強JQeury物件自身的功能 $/jQuery
感謝
黑馬程式員
萬能的網路
以及勤勞的自己
關注公眾號： 歸子莫，獲取更多的資料，還有更長的學習計劃
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/142336.html
標籤：Java
上一篇：【CF1425B】 Blue and Red of Our Faculty! 題解
下一篇：AJAX介紹和使用