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