jQuery_jquery での hide() メソッドの使用例

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

このメソッドは、一致する要素を非表示にすることができます。

Hide() メソッドの使用法:
この方法で非表示効果に時間制限を課さない場合、一致する要素は即座に非表示になります。例:

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

$("div").hide()

上記のコードは、すべての div 要素を即座に非表示にすることができます。
このメソッドが非表示効果を時間制限する場合、一致する要素は制限されたイベント内でより洗練された形式で非表示になります。例:

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

$("div").hide(2000)

上記のコードは、2000 ミリ秒 (2 秒) 以内にすべての div 要素を非表示にすることができます。
このメソッドは、非表示の完了後にコールバック関数をトリガーすることもできます。例:

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

$("div").hide(2000,function(){ alert(" 隠しました")});

コード例:

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

<頭>




<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("#first").click(function(){
$(".first").hide();
})
$("#秒").click(function(){
$(".second").hide(2000,function(){alert("隠しました")});
})
})

すぐに非表示
エレガントな隠し

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

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