jQuery效果小結

學習筆記，具體移步

$

(selector)
.hide
(speed,callback);$
(selector)
.show
(speed,callback)
;

$

("button").
click
(function()
);

$

(selector)
.toggle
(speed,callback)
;

$

("button").
click
(function()
);

$

(selector)
.fadein
(speed,callback)
;//fadeout(),fadetoggle()一樣
$(selector)
.fadeto
(speed,opacity,callback);$
("button").
click
(function()
);$(
"button").
click
(function()
);

$

(selector)
.slidedown
(speed,callback);$
("#flip").
click
(function()
);

$

(selector)
.animate
(,speed,callback)
;

操作多個屬性

$

("button").
click
(function()
);})
;

也可以定義相對值（該值相對於元素的當前值）。需要在值的前面加上 += 或 -=：

$

("button").
click
(function()
);})
;

把屬性的動畫值設定為 「show」、「hide」 或 「toggle」：

$

("button").
click
(function()
);})
;

下面的例子先把

元素移動到右邊，然後增加文字的字型大小：

$

("button").
click
(function()
,"slow");
div.
animate(,
"slow");
});

預設地，stop() 會清除在被選元素上指定的當前動畫

$

("#stop").
click
(function()
);

錯誤：$(

"p")
.hide
(1000);
alert
("the paragraph is now hidden");
正確：$
("p").
hide
(1000
,function()
);

chaining可以把動作/方法鏈結起來，允許我們在一條語句中允許多個 jquery 方法（在相同的元素上）

下面的例子把 css(), slideup(), and slidedown() 鏈結在一起。「p1」 元素首先會變為紅色，然後向上滑動，然後向下滑動：

$

("#p1").
css(
"color"
,"red").
slideup
(2000).
slidedown
(2000);
這樣寫也可以執行：$(
"#p1").
css(
"color"
,"red").
slideup
(2000).
slidedown
(2000
);

jQuery教程（四） jQuery 效果

通過 jquery，您可以使用 hide 和 show 方法來隱藏和顯示 html 元素，例如 hide click function show click function selector hide speed,callback selector show speed,callback 可選的 ...

jQuery 效果函式

方法 描述animate 對被選元素應用 自定義 的動畫 clearqueue 對被選元素移除所有排隊的函式 仍未執行的 delay 對被選元素的所有排隊函式 仍未執行 設定延遲 dequeue 執行被選元素的下乙個排隊函式 fadein 淡入被選元素至完全不透明 fadeout 淡出被選元素至完全...

jquery 動畫效果

首先，在做jquery 動畫效果之前，必須先知道jquery動畫效果的實現順序。jquery中，會把所有的動畫效果 如hide，show等 放入乙個佇列中 預設為 fx 然後依照先進先出的原則執行佇列中的動畫效果。其他的非動畫效果，都不會放入佇列中。並且jquery 會優先執行這些非動畫效果，然後再...