jQuery中show方法不起作用怎样做,正确用法是什么
Admin 2022-11-01 群英技术资讯 1022 次浏览
今天小编跟大家讲解下有关“jQuery中show方法不起作用怎样做,正确用法是什么”的内容 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了相关资料,希望小伙伴们看了有所帮助。原因:show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素(不适用于通过 visibility:hidden 隐藏的元素)。
visibility:hidden 方法
visibility 属性规定元素是否可见。
即使不可见的元素也会占据页面上的空间。请使用 "display" 属性来创建不占据页面空间的不可见元素。
说明
这个属性指定是否显示一个元素生成的元素框。这意味着元素仍占据其本来的空间,不过可以完全不可见。值 collapse 在表中用于从表布局中删除列或行。
示例如下:
<div class="curr-page" style="visibility:hidden" id="currPage"></div>//visibility:hidden表示默认隐藏
var currentBtn = document.getElementById("currPage");
currentBtn.style.visibility = "visible"; //显示
var currentBtn = document.getElementById("currPage");
currentBtn.style.visibility = "hidden"; //隐藏
若是display:none元素则可以直接使用show方法
如果被选元素已被隐藏,则显示这些元素:
语法
$(selector).show(speed,callback)
示例如下:
<div class="curr-page" style="display:none" id="currPage"></div> //display:none表示默认隐藏
$("#currPage").show();//Jquery方法 显示
$("#currPage").hide(); //Jquery方法 隐藏
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
Javascript修改元素属性怎样做?想要修改元素属性,我们可以使用元素对象.attribute = new value和setAttribute()函数这两种方法,具体怎样使用呢?文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。
React返回页面有3种方式,分别是:1、通过“this.props.history.push('/home');”方式返回到上一级页面;2、通过“this.props.history.replace('/home');”方式返回页面;3、通过“window.history.back(-1);”返回页面。
怎样用js实现判断密码的强弱效果?我们在注册账号的时候,为了提高账号的安全性,很多注册业务都会设计密码的强弱显示,那么这一效果是怎样实现的呢?下面我们一起来看看。
使用node.js怎么样实现发送邮件提醒?邮件在学习和工作中的使用还是比较多的,有时候我们需要定期的发送一些邮件,而要确保能按时发送不忘记,定时自动邮件提醒功能还是很关键的,下面我们就来看看这个功能要怎样做?
这篇文章主要介绍了 vue指令v-html和v-text,文章围绕vue指令v-html和v-text的相关资料展开详细内容,需要的小伙伴可以参考一下,希望对大家有所帮助
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008