jQuery エフェクト - 隠すと表示する
- 前のページ jQuery イベント
- 次のページ jQuery フェードインフェード
隠す、表示する、切り替え、スライド、フェードインフェード、およびアニメーション、ワオ！
効果デモ
ここをクリックして、パネルを隠し/表示
一寸の時間も金一つ、そのため、短くて簡単に理解できる学習コンテンツを提供します。
ここでは、理解しやすい便利な方法で必要な知識を得ることができます。
例
- jQuery hide()
- シンプルな jQuery hide() メソッドのデモ
- jQuery hide()
- 別の hide() 演示。部分テキストを隠す方法を示します。
jQuery hide() と show()
jQueryを使って、hide()とshow()メソッドを使ってHTML要素を隠し、表示することができます：
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
语法：
$(selector).hide(speed,callback); $(selector).show(speed,callback);
オプションの speed パラメータは、隠す/表示する速度を定義し、以下の値を取ることができます："slow"、"fast" またはミリ秒。
オプションの callback パラメータは、隠すまたは表示する後に実行される関数名です。
以下の例では、 speed パラメータの hide() メソッド：
例
$("button").click(function(){
$("p").hide(1000);
});
jQuery toggle()
jQueryを使って、toggle()メソッドを使ってhide()とshow()メソッドを切り替えることができます。
隠された要素を表示し、表示されている要素を隠します：
例
$("button").click(function(){
$("p").toggle();
});
语法：
$(selector).toggle(speed,callback);
オプションの speed パラメータは、隠す/表示する速度を定義し、以下の値を取ることができます："slow"、"fast" またはミリ秒。
オプションの callback コールバックは toggle() メソッドが実行された後に実行される関数名です。
jQuery エフェクトリファレンスマニュアル
jQuery エフェクトを完全に確認するには、私たちの jQuery エフェクトリファレンスマニュアル。
- 前のページ jQuery イベント
- 次のページ jQuery フェードインフェード
