jQuery hide() メソッド

❮ jQuery Effect メソッド

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

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

定義と用法

hide() メソッドは、選択した要素を非表示にします。

チップ: これは、CSS プロパティの display:none に類似しています。

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

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


構文

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

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

指定可能な値:

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

指定可能な値:

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

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


Try it Yourself - 例

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

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


❮ jQuery Effect メソッド