fadeOut()

fadeOut()はフェードインアニメーションで要素を非表示するメソッドです。

fadeOut()は要素を徐々に透明に変更し透明になった後に要素のdisplayプロパティをnoneに変更します。

$("div").fadeOut()

引数にはミリ秒でアニメーションする速度を数値で指定することができます。

$("div").fadeIn(700)

数値以外にキーワードによる指定も可能で、”slow”で200ミリ秒、”fast”で400ミリ秒の速度になります。速度を指定しない場合や存在しないキーワードが指定された場合はデフォルトの速度である400ミリ秒でアニメーションします。

同様のメソッドにfadeTo()がありますが、fadeTo() は要素の透明度を変更するだけで要素を非表示にはしません。

フェードアニメーションで要素を表示したい場合はfadeIn()を利用します。

fadeOut()はjQuery 1.0で定義されたメソッドです。

登録日 : 2013年06月01日最終更新日 : 2013年6月1日

jQuery リファレンス