ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryコールバック関数の実践応用について

jQueryコールバック関数の実践応用について

jacklove
jackloveオリジナル
2018-05-04 15:18:071356ブラウズ

勉強でよく見かけるコールバック関数の使い方を詳しく解説します。

jQuery アニメーション問題

多くの jQuery 関数にはアニメーションが含まれます。これらの関数は、オプションのパラメーターとして速度または期間を取ることができます。

例:

$("p").hide("slow")

速度または期間パラメータは、「遅い」、「速い」、「標準」、ミリ秒など、さまざまな値に設定できます。

$("button").click(function(){
$("p").hide(1000);
});

JavaScript ステートメント (命令) は 1 つずつ順番に実行されるため、アニメーションがまだ完了していないため、アニメーション後のステートメントではエラーやページ競合が発生する可能性があります。

この状況を回避するには、コールバック関数をパラメータとして追加できます。

jQuery コールバック関数

アニメーションが 100% 完了すると、コールバック関数が呼び出されます。

一般的な構文:

$(selector).hide(speed,callback)

コールバック パラメーターは、非表示操作の完了後に実行される関数です。

エラー (コールバックなし)

$("p").hide(1000);
alert("The paragraph is now hidden");

正しい (コールバックあり)

$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});

この記事では、コールバック関数 callback の使用法について説明します。この知識について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。

関連推奨事項:

JavaScriptのコールバック関数(callback)の詳細説明

php 通常のpreg_replace_callback関数の使い方

php Callbackコールバック関数の詳細説明

以上がjQueryコールバック関数の実践応用についての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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