显示和隐藏div

方法一:

$("#id").show();

$("#id").hide();

 

方法二:

js对div的显示和隐藏:

div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白

style="visibility: none;"

document.getElementById("typediv1").style.visibility="hidden";//隐藏

document.getElementById("typediv1").style.visibility="visible";//显示

 

jquery对div的显示隐藏:

$("#id").css("visibility","hidden");

$("#id").css("visibility","visible");

 

方法三:

通过设置display属性可以使div隐藏后释放占用的页面空间,如下

style="display: none;"

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示

 

jquery对div的显示和隐藏:和方法二中的写法一样

 

posted @ 2017-02-24 11:59  三高娘子  阅读(106)  评论(0)    收藏  举报