jQuery设置div的显示与隐藏
两种方式：
1.隐藏后释放占用的页面空间
通过设置display属性可以使div隐藏后释放占用的页面空间
$("#demo").attr("style","display:none;");//隐藏div
$("#demo").attr("style","display:block;");//显示div
或者
$("#demo").css("display","none");//隐藏div
$("#demo").css("display","block");//显示div
2.隐藏后仍占有页面空间，显示空白
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白文章来源：https://www.toymoban.com/news/detail-527097.html
document.getElementById("demo").style.visibility="hidden";//隐藏
document.getElementById("demo").style.visibility="visible";//显示
其他方式文章来源地址https://www.toymoban.com/news/detail-527097.html
$("#demo").hide();//隐藏div
$("#demo").show();//显示div
到了这里，关于前端设置div的显示与隐藏的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[HTML]Web前端开发技术6（HTML5、CSS3、JavaScript ）DIV与SPAN，盒模型，Overflow——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/756611-1.png)
![[HTML]Web前端开发技术10（HTML5、CSS3、JavaScript ）CSS+DIV页面布局，固定定位，相对定位relative，绝对定位absolute，层定位的应用——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/783047-1.png)
