jQuery擴充套件機制

2021-09-29 16:37:52 字數 1305 閱讀 7298

html dom 節點動畫,jquery可以實現部分動畫功能,但在實際應用中用到較少,以下與實際應用聯絡較為緊密的功能會著重的強調

1.show([s,[e],[fn]]):顯示隱藏的dom元素,引數說明:

speed表示預定速度("slow"、"normal"或"fast")之一或表示動畫時長的毫秒數值;

easing用於指定切換效果,預設是"swing",可用引數"linear";

fn表示動畫完成後執行的函式,每個元素執行一次;

hide([s,[e],[fn]]) :隱藏顯示元素,即將元素 display 樣式改為 none,等同 css(「display」, 「none」)

show([s,[e],[fn]]) 和hide([s,[e],[fn]])方法在不帶任何引數的情況下, 效果為立即隱藏或顯示匹配的元素, 不會有任何動畫,可以通過制定速度引數使元素動起來;這兩個方法會減少(增大)內容的高度,寬度和不透明度。

2.slidedown([s],[e],[fn]):匹配元素以「滑動」方式顯示出來,引數說明:speed用於設定預定速度(「slow」、「normal」或「fast」)或表示動畫時長的毫秒數值(如:1000);easing用於指定切換效果,預設是「swing」,可用引數「linear」;fn指動畫結束後執行的函式,每個元素執行一次; slideup([s,[e],[fn]]) :匹配元素以「滑動」方式隱藏起來;

3.(較實用)slidetoggle([s],[e],[fn]):匹配元素以「滑動」方式顯示或隱藏切換;

可用於在京東,**等電商**上隱藏選單欄。

4.淡入淡出

fadein([s],[e],[fn]):匹配元素淡入, 引數說明:speed用於設定預定速度("slow","normal", or "fast")或表示動畫時長的毫秒數值(如:1000);easing用於指定切換效果,預設是"swing",可用引數"linear";fn指動畫結束後執行的函式,每個元素執行一次。 fadeout([s],[e],[fn]) :匹配元素淡出; fadetoggle([s,[e],[fn]]) :匹配元素以「漸進」方式淡入或淡出切換;

5.fadeto([[s],o,[e],[fn]]) :匹配元素的不透明度以漸進方式調整到指定的不透明度,引數說明:speed用於設定預定速度(「slow」,「normal」, or 「fast」)或表示動畫時長的毫秒數值(如:1000);opacity設定透明度(0至1之間數字);easing用於指定切換效果,預設是"swing",可用引數"linear";fn指動畫結束後執行的函式,每個元素執行一次。

jquery擴充套件(

如何寫乙個jquery 之前看了好多網上的例子,講真,不知其所以然,生搬硬套。其實自己還是一臉的懵b,想想還真的有必要仔細研讀一下書籍。言歸正傳,正式巴拉巴拉筆記 擴充套件jquery什麼鬼?三個問號表示當時真的不懂 很簡單的說 既然可以呼叫jq裡的 例如 addclass class fn 等等方...

jQuery擴充套件

jquery有乙個方法特別有用,extend。jquery自身通過該方法對jquery進行擴充套件,在api中使用者也可以根據需要對jquery擴充套件。jquery.extend jquery.fn.extend function i 1,length arguments.length,deep ...

jQuery擴充套件

1.jquery方法的呼叫方式 方法1 選擇器 執行方法 i1 css 方法2 直接執行函式 ajax 方法3 自定義方法 示例 用 extend方法,增加了1個answer 方法。執行效果 方法4.用 fn.extend 擴充套件,擴充套件方法不同,呼叫方式也不同。效果 1 把擴充套件函式寫到.j...