jQuery Effect show() メソッド

❮ jQuery Effect メソッド

全ての非表示の <p> 要素を表示する:

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

定義と用法

show() メソッドは、選択した要素が非表示なら表示します。

注: show() は、jQuery メソッドで hidden にした要素と、 CSS で display:none(visibility:hidden は除く)である要素で動作します。

チップ: 非表示要素にするには、hide() メソッドを参照してください。


構文

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

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

指定可能な値:

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

指定可能な値:

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

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


Try it Yourself - 例

show() - speed パラメータを使用する
要素の hide/show に speed パラメータを使用する方法。

show() - callback パラメータを使用する
要素の hide/show に callback パラメータを使用する方法。


❮ jQuery Effect メソッド