admin管理员组文章数量:1325336
hide,hidden,display:none,visibility的区别
-
display是css中的样式,规定元素是否显示
style="display:none":不可见,不占用内存空间
-
visibility是css中的样式,规定元素是否可见
style="visibility:hidden" :不可见,占用内存空间
-
hide()实际上是设置了css中的display:none,show()实际上是设置 了css中的display:block
-
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, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论