jQuery中show方法不起作用怎样做,正确用法是什么
Admin 2022-11-01 群英技术资讯 990 次浏览
今天小编跟大家讲解下有关“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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要介绍了关于vue中的时间格式转化问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
ofixed与round方法的定义和用法是什么,有何不同?一些朋友可能会遇到这方面的问题,对此在下文小编向大家来讲解一下,内容详细,易于理解,希望大家阅读完这篇能有收获哦,有需要的朋友就往下看吧!
本篇文章给大家带来了关于JavaScript中面向对象的相关知识,其中包括面向对象、构造函数以及继承的相关问题,希望对大家有帮助。
JS中的History历史对象的用法是什么?JavaScript编程中的History历史对象是一定要学习的基本内容,想要了解详细知识点,可以跟随小编来了解下。
这篇文章主要给大家分享的是JS精准计算的内容,下文有具体的实例及详解,对大家学习和理解JS精准计算有一定的帮助,感兴趣的朋友就跟随小编来学习一下吧。
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
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