jQuery エフェクト - 表示と非表示
Hide、Show、Toggle、Slide、Fade、Animation
クリックしてパネルを表示/非表示
時間は貴重なので、迅速で簡単な学習を提供します。
テックアイエスガイドでは、学習に必要なすべてを、アクセスしやすく便利な形式で学習できます。
例
jQuery hide()
シンプルな jQuery hide() メソッドを示します。
jQuery hide()別のhide()のデモ。テキストの一部を非表示にする方法。
jQuery hide()およびshow()
jQueryを使用すると、hide()とshow()メソッドを使用して、HTML要素を表示および非表示にできます。
構文：
<div>$(<i>selector</i>).hide(<i>speed,callback</i>);
$(<i>selector</i>).show(<i>speed,callback</i>);</div>
オプションの速度パラメーターは、非表示/表示の速度を指定し、次の値を取ることができます: "slow"、"fast"、またはミリ秒。
オプションの callback パラメータは、hide()またshow()メソッドが完了します (コールバック関数については、後の章で詳しく説明します)。
次の例は、速度パラメーターを示しています。hide():
jQuery toggle()
toggle()メソッドを使用して、要素の非表示と表示を切り替えることもできます。
表示されている要素は非表示になり、非表示の要素は表示されます。
構文：
<div>$(<i>selector</i>).toggle(<i>speed,callback</i>);</div>
オプションの速度パラメーターには、「slow」、「fast」、またはミリ秒の値を指定できます。
オプションのコールバックパラメータは、toggle()の完了後に実行される関数です。
jQueryエフェクトリファレンス
すべての jQuery 効果の完全な概要については、[jQuery エフェクト リファレンス]()を参照して下さい。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。