前端设置div的显示与隐藏

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的显示和隐藏，但是隐藏后页面显示空白

document.getElementById("demo").style.visibility="hidden";//隐藏
document.getElementById("demo").style.visibility="visible";//显示

其他方式

$("#demo").hide();//隐藏div

$("#demo").show();//显示div