方法: 1. "$(selector).css('display','none');"; を使用します。 2. "$(selector).attr("display","none" ); を使用します。 "; 3. "$(selector).hide();" を使用します。 4. "$(selector).toggle();" を使用します。
このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。