Pourquoi jQuery afficher/masquer utiliser display:none au lieu de visibility:hidden?

display:none signifie que l'élément n'est pas rendu dans le cadre du DOM, donc il n'est pas chargé jusqu'à ce que les modifications des propriétés d'affichage de quelque chose d'autre.

visibility:hidden charges de l'élément, mais ne pas le montrer.

Pourquoi utiliser jQuery display:none pour son afficher/masquer les fonctions à la place de la commutation entre les visibility:hidden et visibility:visible?

  • avez-vous essayez de lire (et comprendre) les questions ou êtes-vous juste de correspondance des mots clés?
InformationsquelleAutor isayno | 2009-07-21
  1. 65

    Parce que dans display:none, l'élément, à toutes fins, cesse d'exister, il ne faut pas occuper tout l'espace.
    Cependant, dans visibility:hidden, c'est comme si vous venez d'ajouter opacity:0 à l'élément -- il occupe le même espace, mais seulement des actes invisible.

    Le jQuery créateurs pensaient probablement que l'ancien serait un meilleur ajustement pour .hide().

    • Donc il devrait y avoir un moyen de commutation entre les techniques, parce qu'il est parfois souhaitable de disposer de l'objet occuper l'espace requis pour effectuer des calculs!
    InformationsquelleAutor Salty
  2. 18

    visibility: hidden fait un élément invisible, mais ne le supprime pas de la mise en page de la page. Il laisse une case vide où l'élément a été. display: none supprime de la mise en page pour ne pas prendre de place sur la page, qui est généralement ce que les gens veulent quand ils le cacher quelque chose.

    • mais dans certains cas, la visibilité est vraiment utile .. comme vous voulez conserver votre mise en page cohérente... et l'INTERFACE utilisateur n'est pas shrink sur afficher/masquer
    InformationsquelleAutor John Kugelman supports Monica
  3. 10

    Visibility:hidden rend l'élément invisible dans une façon que l'on utilise encore de l'espace à la page. Display:none rend l'élément n'ont pas de place et être complètement disparu, alors qu'il existe encore dans les DOM.

    InformationsquelleAutor
  4. 6

    Visibilité est tout simplement l'élément invisible, mais il serait encore prendre de l'espace sur l'écran.

    InformationsquelleAutor Seph
  5. 1

    Visibility:hidden juste faire l'élément invisible, mais il est chargé dans le DOM sorte qu'il consomme du temps de chargement. Mais Display:none ne prend pas en charge l'élément.

    InformationsquelleAutor anil kumar