最新のWeb開発のチュートリアル
 

jQuery効果 - 非表示と表示

❮前 次の章❯

非表示、表示、切り替え、スライド、フェード、およびアニメーション。 うわー！

/非表示パネルを表示するにはクリック

時間は貴重なものですので、私たちは迅速かつ簡単に学習を提供します。

w3iiでは、あなたがアクセス可能で、便利な形式で、あなたが学ぶために必要なすべてを学ぶことができます。

例

jQuery hide()
シンプルなjQueryの実証hide()メソッドを。

jQueryのhide()
別のhide()デモ。 テキストの一部を非表示にする方法。

jQueryのhide()とshow()

jQueryを使って、あなたは非表示としてHTML要素を示すことができるhide()とshow()メソッド：

例

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

$("#show").click(function(){
    $("p").show();
});
»それを自分で試してみてください

構文：

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

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

オプションの速度パラメータは、隠蔽/上映の速度を指定し、次の値をとることができます"slow", "fast" 、またはミリ秒。

オプションのコールバックパラメータは、後に実行される関数であるhide()またはshow()メソッドは、（あなたは後の章でコールバック関数について詳しく説明します）完了します。

次の例では、との速度パラメータを示していますhide() ：

例

$("button").click(function(){
    $("p").hide(1000);
});
»それを自分で試してみてください

jQueryのtoggle()

jQueryを使って、あなたは切り替えることができますhide()とshow()のメソッドtoggle()メソッドを。

示された要素が隠されていると隠し要素が示されています。

例

$("button").click(function(){
    $("p").toggle();
});
»それを自分で試してみてください

構文：

$(selector).toggle(speed,callback);

オプションの速度パラメータは、以下の値をとることができます"slow", "fast" 、またはミリ秒。

オプションのコールバックパラメータは、後に実行される関数であるtoggle()が完了します。

練習で自分自身をテスト！

演習1» 演習2» 演習3» 演習4»

jQueryのエフェクトリファレンス

すべてのjQueryの効果の完全な概要については、当社をご覧くださいjQueryのエフェクトリファレンス 。


❮前 次の章❯