jquery显示、隐藏div
2014-05-23 17:50
204 查看
//第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--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,即它仍然具有高度、宽度等属性,通俗来说就是看不见但摸得到。
相关文章推荐
- jquery之超简单的div显示和隐藏特效demo
- jquery之超简单的div显示和隐藏特效demo
- jquery简单的div显示和隐藏特效
- jQuery 鼠标悬浮 隐藏显示div
- jquery显示和隐藏div特效demo
- JQuery 浮动DIV显示提示信息并自动隐藏
- JQuery显示隐藏一个DIV
- Jquery将隐藏div按照鼠标位置来显示
- jquery对div隐藏与显示
- JQuery之toggle [click触发DIV的显示与隐藏]
- Jquery使用----控制Div动画显示、隐藏
- jquery的div显示和隐藏
- jquery的div显示和隐藏!
- jquery之超简单的div显示和隐藏特效demo
- 黄聪:jquery之div显示和隐藏、窗帘效果特效示例
- jquery显示隐藏div
- jquery让div隐藏,显示,随着鼠标移动
- jquery之超简单的div显示和隐藏特效demo
- jquery显示和隐藏div特效实例
- jquery 显示隐藏div .