jquery显示、隐藏div



jquery显示、隐藏div

//第1种方法 ,给元素设置style属性
$(“#hidediv”).css(“display”, “block”);
//第2种方法 ,给元素换class,来实现隐藏div,前提是换的class样式定义好了隐藏属性
$(“#hidediv”).attr(“class”, “blockclass”);
//第3种方法,通过jquery的css方法,设置div隐藏
$(“#blockdiv”).css(“display”, “none”);

$(“#hidediv”).show();//显示div
$(“#blockdiv”).hide();//隐藏div
display:none和visible:hidden都能把网页上某个元素隐藏起来,在视觉效果上没有区别,但是在一些DOM操作中两者有区别:

display:none —不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。

visible:hidden— 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,即它仍然具有高度、宽度等属性,通俗来说就是看不见但摸得到。