隐藏和显示div的两种方法

隐藏和显示div的两种方法
方式一

style="visibility: none;"

visiblity:visible -------->可见

visiblity:hidden ------->不可见(隐藏)

这种方法div是占据空间的,只是说看到的是空白

方式二

style="display: none;"

display:none--------->无(隐藏)

display:""------------>有(不设置display属性即是有可以看见)

这种方法div隐藏后是不占据空间的

使用jquery可以很容易实现显示隐藏的功能，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用

$("#id").show()表示display:block, 
$("#id").hide()表示display:none;

常用：
$("#demo").attr("style","display:none;");//隐藏div

$("#demo").attr("style","display:block;");//显示div

$("#demo").css("display","none");//隐藏div

$("#demo").css("display","block");//显示div