jQuery基本チュートリアル

jQuery効果

hide()メソッドを使用して選択された要素を非表示にします。

このメソッドは通常、show()方法を組み合わせて使用してください。

注意：非表示にされた要素はページのレイアウトに影響を与えなくなります。

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

この例では、ページをクリックしたときにページ上の段落を非表示に：

例

$("p").click(function(){
　　$(this).hide();
});

ボタンをクリックしたときにすべての<p>要素を非表示に：

例

$("button").click(function(){
　　$("p").hide();
});

使用durationパラメータ：

例

$("button").click(function(){
　　$("p").hide(1000);
});

使用callbackパラメータ：

例

$("button").click(function(){
　　$("div").hide(1000,　function(){
　　　　alert("DIVが非表示に");
　　});
});

アニメーションの全範囲（この場合、単語）を速やかに非表示にし、200ミリ秒以内に各アニメーションを完了：

例

$("button").click(function(){
　　$("span:last-child").hide("fast",　function(){
　　　　$(this).prev().hide("fast",　arguments.callee);
　　});
});

クリックを超える2秒経ったらspan要素を非表示にし、非表示中にspan要素を削除します：

例

$("span").click(function(){
　　$(this).hide(2000, function(){
　　　　$(this).remove();
　　});
});

パラメータ	説明
duration	（オプション）非表示効果がどれくらいの時間运行するかを決定します。プリセット値は4000ミリ秒可能な値：ミリ秒（例えば100、500、2000など）「swing」「slow」
easing	（オプション）アニメーションの異なるポイントで要素の速度を指定する文字列。デフォルト値は「swing」可能な値：「swing」-始めに/終了時に遅く、中間では速く移動します「linear」-恒定的な速度で移動します
callback	（オプション）hide()メソッドが完了した後に呼び出される関数、各選択された要素ごとに一度呼び出されます