jQuery_jqueryのfadeOut()メソッドの使用例

この記事の例では、jQuery での fadeOut() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、不透明度の変更によって一致するすべての要素をフェードアウトし、アニメーションの完了後にオプションでコールバック関数をトリガーします。

fadeOut() メソッドの使用法:

このメソッドはアニメーション効果の持続時間を指定できます。例:

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

$("div").fadeOut(5000)

上記のコードは、div のフェードアウト効果が 5000 ミリ秒 (5 秒) 以内に完了できることを規定しています。
このメソッドは、アニメーションの完了後にコールバック関数をトリガーすることもできます。例:

コードをコピー コードは次のとおりです。

$("div").fadeOut(5000,function(){ alert(' アニメーション効果が完了しました! ')})

上記のコードは、アニメーションの完了後にコールバック関数をトリガーできるため、プロンプト ボックスがポップアップ表示されます。
コード例:

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

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("#up").click(function(){
$("div").fadeOut(5000,function(){alert('アニメーション効果が完了しました!')});
})
})

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

上記のコードは、ボタンをクリックして div を徐々に透明効果に設定します。完全に透明になった後、コールバック関数を指定します。

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