jQueryでの表示とは何ですか-フロントエンドQ&A-php.cn

jQueryでの表示とは何ですか

WBOY

リリース： 2022-04-15 13:58:39

オリジナル

3487 人が閲覧しました

jquery では、show は非表示の選択された要素を表示するために使用されるエフェクトメソッドです。要素の表示速度はパラメータで設定でき、アニメーションのさまざまなポイントおよびメソッドの実行中に要素の速度を指定できます。完了後に実行する必要がある関数は「element object.show(speed,easing,callback)」です。

jQueryでの表示とは何ですか

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery の show とは

show() メソッドは、非表示の選択された要素を表示します。

注: show() は、jQuery メソッドおよび CSS の display:none によって非表示になった要素に適用されます (visibility:hidden によって非表示になった要素には適用されません)。

非表示の一致する要素を表示します。このメソッドは通常、フォームをポップアップするために使用されます。たとえば、登録ボタンをクリックすると、登録ページがポップアップします。

これは、「show(speed, [callback])」のアニメーションなしのバージョンです。選択した要素が表示されている場合、このメソッドは何も変更しません。このメソッドは、要素が Hide() メソッドによって非表示にされているか、CSS で display:none; が設定されているかに関係なく機能します。

構文

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

ログイン後にコピー

speed オプション。エフェクトの表示速度を指定します。

可能な値:

ミリ秒

「遅い」

「速い」

イージングオプション。アニメーション内のさまざまなポイントでの要素の速度を指定します。デフォルト値は「スイング」です。

可能な値:

"swing" - 開始/終了ではゆっくりと移動し、中間ではより速く移動します。

"linear" - 一定の速度で移動します。一定速度

ヒント: 拡張プラグインでは、さらに多くの利用可能なイージング関数が提供されています。

コールバックオプション。 show() メソッドの実行後に実行される関数。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("p").hide();
});
$(".btn2").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<button class="btn1">隐藏</button>
<button class="btn2">显示</button>
<p>这是一个段落。</p>
</body>
</html>

ログイン後にコピー

出力結果:

jQueryでの表示とは何ですか