ホームページ >ウェブフロントエンド >フロントエンドQ&A >jqueryで要素を非表示にする方法

jqueryで要素を非表示にする方法

青灯夜游
青灯夜游オリジナル
2021-11-12 18:05:515728ブラウズ

方法: 1. "$(selector).css('display','none');"; を使用します。 2. "$(selector).attr("display","none" ); を使用します。 "; 3. "$(selector).hide();" を使用します。 4. "$(selector).toggle();" を使用します。

jqueryで要素を非表示にする方法

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

jquery で要素を非表示および表示する 4 つの方法

方法 1:

$(selector).css('display','none');
$(selector).css('display','block');

方法 2:

$(selector).attr("display","none");
$(selector).attr("display","block");

方法 3:

$(selector).hide();
$(selector).show();

hide() メソッド: 選択した要素が表示されている場合は、その要素を非表示にします。

show() メソッド: 選択した要素が非表示になっている場合、これらの要素を表示します。

メソッド 4: Switch の

$(selector).toggle();

toggle() メソッド選択した要素の Hide() と show() の間。

このメソッドは、選択した要素の表示ステータスをチェックします。要素が非表示の場合は show() が実行され、要素が表示されている場合は Hide() が実行されます。これにより、トグル効果が作成されます。

推奨される関連ビデオ チュートリアル: jQuery チュートリアル (ビデオ)

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。