jQuery Effect fadeOut() メソッド

❮ jQuery Effect メソッド

すべての <p> 要素をフェードアウトする:

$("button").click(function(){
    $("p").fadeOut();
});
Try it Yourself »

定義と用法

fadeOut() メソッドは、選択した要素を表示から非表示へ、不透明度を徐々に変化させます(フェーディング効果)。

: hidden 要素はまったく表示されません(ページのレイアウトにも影響を与えません)。

チップ: このメソッドは、多くの場合は fadeIn() メソッドと一緒に使用されます。

構文

$(selector).fadeOut(speed,easing,callback)

パラメータ 説明
speed 任意。fading 効果の速度を指定する。デフォルト値は 400 ミリ秒。

指定可能な値:

  • ミリ秒
  • "slow"
  • "fast"
easing 任意。アニメーションの各時点における要素の速度を指定する。デフォルト値は "swing"

指定可能な値:

  • "swing" - 最初と最後はゆっくりと動くが、中間は速く動く
  • "linear" - 一定の速度で動く
チップ: 他のイージング関数が、外部プラグインで利用できます
callback 任意。fadeOut() メソッドが完了した後に実行される関数

コールバックの詳細については、jQuery Callback を参照


Try it Yourself - 例

fadeOut() - speed パラメータを使用する
フェーディング効果の速度を指定するために speed パラメータを使用する方法。

fadeIn() - callback パラメータを使用する
選択した要素の不透明度を徐々に変化させるとき、callback パラメータを使用する方法。


❮ jQuery Effect メソッド