jQuery中show方法不起作用怎样做,正确用法是什么
Admin 2022-11-01 群英技术资讯 330 次浏览
原因: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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
本篇文章给大家总结分享6种JavaScript的打断点的方式,值的学习收藏,快来看看你用过几种吧?希望对大家有所帮助!
遇到一个需求,在一个地铁场景里展示逃生路线,为了画这个箭头,我花费了很多时间精力,下面基于使用three.js 绘制三维带箭头线的详细过程分享给大家,感兴趣的朋友一起看看吧
这篇文章主要介绍了React Diff原理的相关资料,帮助大家更好的理解和学习使用React框架,感兴趣的朋友可以了解下
这篇文章主要给大家分享vue实现全屏和退出全屏的内容,实现效果如下, vue中默认进来页面的某个div全屏,当退出全屏次数5次,那么就跳转其他页面,这一效果可以应用在线上答题考试中,下面我们就来具体看看怎样做吧。
本篇文章给大家带来了关于javascript的相关知识,在 JavaScript 中,不像 Java 等语言,它没有任何打印或者输出方法的,在js中通过使用4种方式来输出数据,本文通过实例代码给大家详细介绍,希望对大家有帮助。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008