使用jquery控制div的显示与隐藏,一句话就能搞定,例如:
1.show() hide()
$("#id").hide()
$("#id").show()
2.$("#id").toggle()
切换元素的可见状态。如果元素是可见的,切换为隐藏;如果元素是隐藏的,则切换为可见。
3.display
$("#id").css('display','none'); 或者 $("#id")[0].style.display='none';
$("#id").css('display','block');
4.visibility’
$("#id").css('visibility','hidden');//元素隐藏
$("#id").css('visibility','visible');//元素显示
注意:
display:none和visible:hidden都能把网页上某个元素隐藏起来,
但是在一些DOM操作中两者有区别:
display:none —不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。
visible:hidden— 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,即它仍然具有高度、宽度等属性,通俗来说就是看不见但摸得到。