ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery エフェクトについて - 非表示と表示に関する関連知識

jQuery エフェクトについて - 非表示と表示に関する関連知識

jacklove
jackloveオリジナル
2018-05-08 11:44:151233ブラウズ

非表示、表示、切り替え、スライド、フェードインとフェードアウト、アニメーションはすべて 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 イベントに関する関連ナレッジ ポイント

SQL Server - RDBMS 関連のナレッジ

SQL NULL 値に関する関連ナレッジ ポイント

以上がjQuery エフェクトについて - 非表示と表示に関する関連知識の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。