jquery の show() メソッドが機能しない場合はどうすればよいですか?

jquery では、show() メソッドは機能しません。このメソッドは、jQuery メソッドおよび CSS の「display:none」によって非表示にされた要素にのみ適用され、「visibility:hidden」によって非表示にされた要素には適用されないためです。要素を表示するには、「element.style.visibility="visible"」を使用するだけです。

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery の show() メソッドが機能しない場合の対処方法

理由: show() は、jQuery メソッドを通じて非表示の要素に適用され、CSS の display:none には適用されません (CSS では適用されません)。可視性:非表示 非表示の要素)。

visibility:hidden メソッド

visibility 属性は、要素が表示されるかどうかを指定します。

目に見えない要素であっても、ページ上のスペースを占めます。 「display」属性を使用して、ページ領域を占有しない非表示の要素を作成します。

Description

この属性は、要素によって生成される要素ボックスを表示するかどうかを指定します。これは、要素がまだ元のスペースを占めていますが、完全に非表示になる可能性があることを意味します。値の折りたたみは、テーブル レイアウトから列または行を削除するためにテーブルで使用されます。

例は次のとおりです。

<div class="curr-page" style="visibility:hidden" id="currPage"></div>//visibility:hidden表示默认隐藏

var currentBtn = document.getElementById("currPage");
        currentBtn.style.visibility = "visible"; //显示
var currentBtn = document.getElementById("currPage");
        currentBtn.style.visibility = "hidden"; //隐藏

display:none 要素の場合は、show メソッドを直接使用できます。

選択された場合は、show メソッドを使用できます。要素が非表示になっている場合は、次の要素を表示します:

文法

$(selector).show(speed,callback)

例は次のとおりです:

<div class="curr-page" style="display:none" id="currPage"></div>  //display:none表示默认隐藏

 $("#currPage").show();//Jquery方法 显示 
 $("#currPage").hide(); //Jquery方法 隐藏

ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjquery の show() メソッドが機能しない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。