admin管理员组

文章数量:1324823

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的区别

版权声明：本文标题：hide,hidden,display:none,visibility的区别 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1687140527a68523.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。