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

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

jacklove
リリース: 2018-05-04 15:18:07
オリジナル
1389 人が閲覧しました

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

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート