jqueryでdivが表示されないようにする方法

div を表示しないようにする Jquery メソッド: 1. 表示属性を指定して [attr()] メソッドを使用して、div を表示しないようにします; 2. 表示属性を指定して [CSS()] メソッドを使用して、 div を非表示にする; 3. div が表示されないようにするには、[hide()] メソッドを使用します。

このチュートリアルの動作環境: Windows7 システム、jquery3.5.1 バージョン この方法は、すべてのブランドのコンピューターに適しています。

div の表示を防ぐための Jquery メソッド:

方法 1: div の表示を防ぐには、display 属性を指定した attr() メソッドを使用します。

$("div").attr("style","display:none;");//隐藏div

展開:

$("div").attr("style","display:block;");//显示div

方法 2: CSS() メソッドを表示属性とともに使用して、div が表示されないようにします

$("div").css("display","none");//隐藏div

拡張子:

$("div").css("display","block");//显示div

方法 3: Hide() メソッドを使用して、div が表示されないようにします。

hide() メソッドは、選択した要素を非表示にします。

ヒント: これは、CSS プロパティの display:none に似ています。

• 注: 非表示の要素は完全には表示されません (ページのレイアウトには影響しません)。

ヒント: 非表示の要素を表示するには、show() メソッドを確認してください。

例:

$("div").hide();//隐藏div
$("div").show();//显示div

注:

• $("div").show() は、display:block,

を意味します。

• $("div").hide() は、display:none を意味します。

方法 4: toggle() メソッドを使用して、div を非表示にします。 display

toggle() メソッドは、選択した要素の Hide() と show() を切り替えます。

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

注: 非表示の要素は完全には表示されません (ページのレイアウトには影響しません)。

例:

$("div").toggle(//动态显示和隐藏
         function () { 
              $(this).attr("style","display:none;");//隐藏div
         },
         function () {    
              $(this).attr("style","display:block;");//显示div
         }
      );

関連する無料学習の推奨事項:JavaScript(ビデオ)

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