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

coldplay.xixi
リリース: 2020-11-30 14:30:25
オリジナル
3389 人が閲覧しました

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

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

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

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