jQuery効果 - fadeIn()メソッド

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

例

非表示の<p>要素をフェードイン効果で表示する：

$(".btn2").click(function(){
  $("p").fadeIn();
});

実際に試してみてください

定義と使用法

fadeIn()メソッドは、選択された要素を非表示から表示にするためのフェードイン効果を使用します。

文法

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

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

可能な値：

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

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

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

callbackに関する詳細な情報を学びたい場合は、jQuery Callbackの章を訪れてください。

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

ヒントと注記

ヒント：要素が既に表示されている場合、この効果は何も変更しませんが、callback関数が指定されている場合を除きます。

注記：この効果はjQueryで非表示にされた要素やCSSでdisplay:noneと宣言された要素に適用されますが、visibility:hiddenの要素には適用されません。

更多な例

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

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