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

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

青灯夜游
リリース: 2021-11-12 18:05:51
オリジナル
5695 人が閲覧しました

方法: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート