jqueryで要素を非表示にするコードは何ですか

jquery 隠し要素コード: 1. "要素を指定します object.hide();"; 2. "要素を指定します object.toggle(1000);"; 3. "要素を指定します object.slideDown(); " ; 4.「要素object.css("display", "none")を指定」。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery で要素を非表示にするさまざまな方法:

1. Hide() を使用します

Hide() は表示要素を非表示にできます:

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

hide() は、表示要素と非表示要素を切り替えるために show と併用されることがよくあります。

show() は非表示要素を表示できます。

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

2. toggle() メソッド

toggle() メソッドを使用して、要素の表示状態を切り替えます。

選択した要素が表示されている場合は、これらの要素を非表示にします。選択した要素が非表示になっている場合は、これらの要素を表示します。

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

3. slideDown() メソッドを使用します

非表示の要素をスライド形式で表示します

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

4. css( )メソッド

css() メソッドを使用して、表示要素を非表示にする表示スタイルを設定します:

$("button"").click(function(){
  $("p").css("display","none");
  //
});

[推奨学習: jQuery ビデオ チュートリアル, ウェブ フロントエンド ビデオ]

以上がjqueryで要素を非表示にするコードは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。