摘要:本篇教程讲解了jQuery和js如何实现对div的隐藏和显示,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
jQuery对div的显示和隐藏:
显示代码如下:
$("#id").show()
隐藏代码如下:
$("#id").show()
js对div的显示和隐藏:
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白
代码如下:
style="visibility: none;" document.getElementById("typediv1").style.visibility="hidden";//隐藏 document.getElementById("typediv1").style.visibility="visible";//显示
通过设置display属性可以使div隐藏后释放占用的页面空间,如下
代码如下:
style="display: none;" document.getElementById("typediv1").style.display="none";//隐藏 document.getElementById("typediv1").style.display="";//显示
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号