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不可见