jQuery効果 - fadeOut()メソッド

jQuery効果リファレンスマニュアル

例

フェードアウト効果を使用して<p>要素を非表示にする：

$(".btn1").click(function(){
  $("p").fadeOut();
});

実際に試してみましょう

定義と使用法

fadeOut()メソッドは、選択された要素を非表示にするためのフェードアウト効果を使用します。要素がすでに非表示の場合を除きます。

文法

$(selector).fadeOut(speed,callback)
パラメータ 説明
speed

オプション。要素が可視から非表示になる速度を指定します。デフォルトは"normal"です。

可能な値：

  • ミリ秒（例えば1500）
  • "slow"
  • "normal"
  • "fast"

速度を設定している場合、要素が可視から非表示になる過程で透明度が徐々に変化し（これによりフェードアウト効果が作成されます）。
callback

オプション。fadeOut関数が実行された後に行われる関数。

callbackに関する詳細を学ぶには、jQuery Callbackの章を訪れてください。

speedパラメータが設定されていない場合、このパラメータを設定することはできません。

ヒントとコメント

ヒント：要素がすでに非表示の場合、効果は何も発生しません。callback関数が指定されていない場合を除きます。

さらに多くの例

speedパラメータを使用
speedパラメータを使用して要素のフェードインやフェードアウトを行います。

jQuery効果リファレンスマニュアル