71

display:noneこれは、要素がDOMの一部としてレンダリングされないため、displayプロパティが別のものに変更されるまで読み込まれないことを意味します。

visibility:hidden要素をロードしますが、表示しません。

なぜjQueryはとdisplay:noneを切り替える代わりに表示/非表示機能をvisibility:hidden使用するのvisibility:visibleですか？

4

5 に答える 5

65

でdisplay:none、要素は、すべての目的で存在しなくなります-それはスペースを占有しません。ただし、では、要素visibility:hiddenに追加opacity:0したばかりのようになります。同じ量のスペースを占有しますが、非表示で動作します。

jQueryの作成者は、おそらく前者の方がに適していると考えていました.hide()。

于 2009-07-21T16:15:29.270 に答える
18

visibility: hidden要素を非表示にしますが、ページのレイアウトからは削除しません。要素があった場所に空のボックスを残します。display: noneレイアウトから削除して、ページ上のスペースを占有しないようにします。これは通常、人々が何かを非表示にするときに必要なスペースです。

于 2009-07-21T16:14:39.960 に答える
10

Visibility：hiddenは、ページのスペースを引き続き使用する方法で要素を非表示にします。Display：noneを指定すると、要素にスペースがなくなり、完全になくなりますが、DOMにはまだ存在します。

于 2009-07-21T16:13:52.550 に答える
6

可視性は要素を非表示にするだけですが、それでも画面上のスペースを占有します。

于 2009-07-21T16:14:21.533 に答える
1

Visibility:hidden要素を非表示にするだけですが、DOMに読み込まれるため、読み込みに時間がかかります。ただしDisplay:none、要素はロードされません。

于 2013-07-23T04:29:37.507 に答える