admin管理员组

文章数量:1325647

hide,hidden,display:none,visibility的区别

  1. display是css中的样式,规定元素是否显示

    style="display:none":不可见,不占用内存空间
    
  2. visibility是css中的样式,规定元素是否可见

    style="visibility:hidden" :不可见,占用内存空间
    
  3. hide()实际上是设置了css中的display:none,show()实际上是设置 了css中的display:block

  4. css里面的display会覆盖html中的hidden属性

eg:
<div class="box" style="display: none;">111</div>
<script>$(document).ready(function(){$('.box').show();});
</script>
结果是:div可见eg:
<div class="box" style="display: block;">111</div>
<script>$(document).ready(function(){$('.box').hide();});</script>
结果是:div不可见

本文标签: hidehiddendisplaynonevisibility的区别