jQuery_jqueryのslideUp()メソッドの使用状況分析

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

このメソッドは、高さの変更 (上方に減少) を通じて、一致するすべての要素を動的に非表示にし、非表示の完了後にコールバック関数をトリガーすることもできます。
slideUp() メソッドは要素の高さのみを調整し、一致する要素を「スライド」方式で非表示にすることができます。

1. 文法構造:
このメソッドでは、アニメーション効果の継続時間を指定できます。時間が指定されていない場合は、デフォルト値の通常が使用されます。例:

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

$("div").slideUp(5000)

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

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

("div").slideUp(5000,function(){alert ('下にスライドして完了です!')});

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

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

<メタ文字セット="utf-8">
<頭>



<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("#up").click(function(){
$("div").slideUp(5000,function(){alert('下にスワイプ完了!')});
})
})

クリックして上にスライド





上記のコードで、ボタンをクリックすると、div がゆっくりと引き上げられ、完了後にダイアログ ボックスが表示されます。

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