jQueryのコールバック関数とは何ですか-jsチュートリアル-php.cn

jQueryのコールバック関数とは何ですか

清浅

リリース： 2019-01-17 10:17:28

オリジナル

4685 人が閲覧しました

コールバック関数とは、jQueryアニメーションの終了後に実行される関数のことを指します。

JavaScriptステートメントを1行ずつ実行するエフェクトメソッドですが、実現までに時間がかかります。 jQuery エフェクトが完了したため、前のエフェクトの実行中にコードの次の行が実行される可能性があります。そのため、これを防ぐために、jQuery は各エフェクトメソッドにコールバック関数を提供します。次に記事ではコールバック関数とは何か、コールバック関数の実装方法について具体的に解説していきます。

jQueryのコールバック関数とは何ですか

[おすすめコース: jQuery チュートリアル ]

コールバック関数の意味:

コールバック関数はコールバック関数とも呼ばれ、現在のアニメーションが 100% 完了した後に実行されます。コールバック関数はパラメータを渡すエフェクトメソッドであり、通常はメソッドの最後のパラメータとして表示されます。

例: コールバック関数を使用した slideToggle() jQuery エフェクトメソッドの基本構文は次のとおりです:

$（selector）.slideToggle（duration，callback）;

ログイン後にコピー

たとえば、slideToggle() アニメーションとalert() ステートメントをまとめます。ページにどのような効果があるかを確認してください。

<style type="text/css">
    h1{
        background:pink;
       color:#fff;
        padding:20px;
    }
</style>
<script type="text/javascript">
$(document).ready(function(){
    $("button").click(function(){
        $("h1").slideToggle("slow");
       alert("滑动效果已完成");
    });   
});
</script>
</head>
<body>
    <h1>PHP中文网</h1>
    <button type="button">点击</button>
</body>

ログイン後にコピー

効果の図は次のとおりです:

jQueryのコールバック関数とは何ですか

ボタンをクリックすると、ボックスが表示されます。ボタンをクリックして確定すると、h1 要素が表示されます。もう一度クリックして確定すると、h1 が表示されます。スライド切り替え効果が完了するのを待たずに、ボタンがトリガーされた直後にポップアップボックスが表示されることがわかります。

#コールバック関数の使用:#次のコードに示すように、alert() ステートメントをコールバック関数内に配置します。

$(document).ready(function(){
    $("button").click(function(){
        $("h1").slideToggle("slow",function(){
            alert("滑动效果已完成");
        });
       
    });   
});

ログイン後にコピー

レンダリング図:

jQueryのコールバック関数とは何ですかコールバック関数を追加した後を実行すると、完了するまで jQuery アニメーション効果がポップアップ表示されないことがわかります。