jQuery 基础教程

jQuery 效果

toggle()方法在hide()和show()方法之间切换。

此方法检查所选元素的可见性：

注意：隐藏的元素将不再影响页面的布局。

$("selector").toggle(duration, easing, callback)

单击按钮时，在hide和show所有<p>元素之间切换：

Beispiel

$("button").click(function(){
　　$("p").toggle();
});

使用duration参数：

Beispiel

$("button").click(function(){
　　$("p").toggle();1500);
});

使用callback参数：

Beispiel

$("button").click(function(){
　　$("div").toggle();1500, function(){
　　　　alert("toggle（）效果完成!!!");
　　});
});

为所有跨度（例如单词）制作动画以快速隐藏/显示，并在2完成每个动画在00毫秒内：

Beispiel

$("button").click(function(){
　　$("span:first-child").toggle("fast", function(){
　　　　$(this).next().toggle("fast", arguments.callee);
　　});
});

Parameter	Beschreibung
duration	Optional bestimmen, ob versteckt/Wie lange der Effekt ausgeführt wird. Vorgesehener Wert ist400 Millisekunden Mögliche Werte: Millisekunden (z.B.100,500,2000 und so weiter) "fast" "slow"
easing	Eine Zeichenfolge, die die Geschwindigkeit der Elemente zu verschiedenen Punkten der Animation angibt. Standardwert ist "swing" Mögliche Werte: "swing"-Am Anfang/Bewegt sich langsamer am Ende und schneller in der Mitte "linear"-Mit konstanter Geschwindigkeit bewegen
callback	Eine Funktion, die nach Abschluss der toggle()-Methode aufgerufen wird, wird für jedes ausgewählte Element einmal aufgerufen