ホームページ > 記事 > ウェブフロントエンド > jQuery エフェクトについて - 非表示と表示に関する関連知識
非表示、表示、切り替え、スライド、フェードインとフェードアウト、アニメーションはすべて jquery を通じて実現できます。この記事では jquery 関連の操作について説明します。
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」、またはミリ秒の値を取ることができます。
オプションのコールバックパラメータは、非表示または表示が完了した後に実行される関数の名前です。
次の例は、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」、またはミリ秒。
オプションのコールバックパラメータは、toggle()メソッドの完了後に実行される関数の名前です。
この記事では、jquery に関連するアニメーションについて説明します。その他の学習教材については、php 中国語の Web サイトを参照してください。
関連推奨事項:
以上がjQuery エフェクトについて - 非表示と表示に関する関連知識の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。