jQueryの表示・非表示メソッドとCSSのhiddenstyles_jqueryの比較

display:none とvisible:hidden の違い

display:none とvisible:hidden はどちらも Web ページ上の要素を非表示にできますが、この 2 つには次のような違いがあります。

display:none --- 非表示のオブジェクト用に物理的なスペースを確保しません。つまり、オブジェクトはページから完全に消えます。平たく言えば、見ることも触れることもできません。

visible:hidden--- Web ページ上でオブジェクトを非表示にしますが、Web ページ上でオブジェクトが占めるスペースは変化しません。平たく言えば、それは見ることはできませんが、表示できることを意味します。触れた。

例:

コードをコピー コードは次のとおりです:

< ;html>


非表示エリア表示エリア

非表示エリアエリアを表示




jQuery の表示と非表示を切り替える方法

コピーcode コードは次のとおりです。

< ; head>

div のコンテンツ

;div id="divObj" style="display:none">
.テスト例

.テスト例
🎜>.テスト例

.テスト例
.テスト例
. br/>.テスト例
.テスト例