ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryを2秒後に消す方法

jQueryを2秒後に消す方法

WBOY
WBOYオリジナル
2022-01-10 16:49:221614ブラウズ

jquery では、2 秒後に要素が消える効果を実現するために、lay() 関数と Hide() 関数を使用できます。キュー内の次の項目 Hide() 関数 選択した要素を非表示にするために使用され、構文は "$(element).lay(2000).hide(200)" です。

jQueryを2秒後に消す方法

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

jquery が 2 秒後に消える仕組み

Delay() メソッドは、キュー内の次の項目の実行の遅延を設定します。

構文

$(selector).delay(speed,queueName)

パラメータ

speed オプション。ディレイの速さを指定します。可能な値: ミリ秒、「遅い」、「速い」

queueName オプション。キューの名前を指定します。デフォルトは「fx」、標準のエフェクトキューです。

hide() メソッドは、選択した要素を非表示にします。

ヒント: これは、CSS プロパティの display:none に似ています。

注: 非表示の要素は完全には表示されません (ページのレイアウトには影響しません)。

ヒント: 非表示の要素を表示するには、show() メソッドを確認してください。

文法

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

例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $("#dianji").click(function(){
            $("#disappare").delay(2000).hide(200);
        });
    })
</script>
</head>
<body>
    <div id="content">
        <button id="dianji">点击</button>
        <div id="disappare">
            <p>点击2秒后会自动消失</p>
        </div>
    </div>
</body>
</html>

出力結果:

jQueryを2秒後に消す方法

関連動画チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjQueryを2秒後に消す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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