hide()

hideメソッドは要素を非表示にするメソッドです。

要素に対してこのメソッドを適応させると、その要素のdisplayプロパティをnoneに変更します。

$("p").hide();

引数に数値を指定すると、指定したミリ秒でアニメーション(左上を起点に縮小)しながら非表示になります。

$("p").hide(100);

引数には数値以外にもfast(200ミリ秒)やslow(600ミリ秒)といったキーワードによる速度指定も可能です。

$("p").hide("fast");

引数にイージング関数を設定することも可能です。

$("p").hide(400,"linear");

イージング関数はデフォルトでは滑らかに始まり滑らかに終わる「swing」ですが、一定スピードで変化する「linear」が指定可能です。他にもjQuery UIなどのイージング関数を読み込んで利用することが可能です。

アニメーションが終了した際のコールバック関数も設定可能です。

$("p").hide(400,function(){
  //アニメーション終了時に実行したい命令
});

hide()はjQuery 1.0で定義されたメソッドです。

登録日 : 2012年10月17日最終更新日 : 2012年10月17日

jQuery リファレンス