jQueryコールバックfunction_jqueryの定義と使用例

この記事の例では、jQuery コールバック関数の定義と使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

コールバック関数は jQuery コードで広く使用されており、これらを正確に理解することが非常に必要です。ここでは、例を通してこのメ​​ソッドを簡単に紹介します。

コード例は次のとおりです:

すべての div が非表示になっている場合は、コールバック関数を使用してプロンプト ボックスをポップアップ表示します。

コードをコピーします コードは次のとおりです:

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("div").slideUp(2000,function(){alert("非表示完了")});
})
})

クリックして効果を確認してください

上記のコードは非常にうまく動作し、正常に動作します。多くの実際のアプリケーションでは、コードが別のアクションを実行する前にアクションを完了することが望まれることがよくあります。

このコードは上記のコードと同じ効果があるように見えますが、結果は期待したものではなく、最初にプロンプ​​ト ボックスが表示され、その後 div 要素が非表示になります。これは、slideUp() の実行が開始されないという意味ではありません。

コードをコピーします コードは次のとおりです:

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("div").slideUp(2000); alert("非表示が完了しました"); })
})

クリックして効果を確認してください





以下は、コールバック関数とは何かについての簡単で一般的な概要です。次のコードを見てください:

コードをコピーします

コードは次のとおりです: function a(){alert("私は関数です")} a();

上記は、関数の実装によって直接呼び出される最も一般的な方法ですが、コールバック関数は、特定のイベントが発生したときに、独自のアドレスをパラメーターとして渡します。コールバック関数は、パラメータとして渡されたコールバック関数アドレスを使用して呼び出されます。上記のコールバック関数を使用したコードを例に挙げます。これは、関数関数のアドレスをパラメータとして slideUp() メソッドに渡します。slideUp() アクションが完了すると、渡されたアドレス パラメータを通じて関数関数が呼び出されます。 。

この記事が皆さんの jquery プログラミング設計に役立つことを願っています。