原因:show() 适用于通过 jQuery 方法和 CSS 中 隐藏的元素（不适用于通过 隐藏的元素）。

1.

<div class="curr-page" style="" id="currPage"></div>// 表示默认隐藏

var currentBtn = document.getElementById("currPage");
currentBtn.style.visibility = "visible"; //显示
currentBtn = document.getElementById("currPage");
currentBtn.style.visibility = "hidden"; //隐藏

2.

<div class="curr-page" style="" id="currPage"></div>  // 表示默认隐藏

$("#currPage").show();//Jquery方法

$("#currPage").hide(); //Jquery方法 综上所述，当在 jQuery 中使用show 方法 时，如果发现该 方法 无效 ，请检查 jQuery 库是否正确加载、选择器是否正确、元素是否处于隐藏状态、元素的父级元素是否可见，以及代码是否在DOM加载完成后执行。其中，show 方法 用于显示被选元素，但有时可能会遇到show 方法 无效 的情况。show 方法 仅对处于隐藏状态的元素起作用。因此，如果要使用show 方法 显示一个元素，请确保该元素在调用show 方法 之前处于隐藏状态。如果元素的父级元素处于隐藏状态，即使使用show 方法 显示该元素，也不会在页面上显示出来。 toggle() 方法 还支持传入自定义函数，以实现更复杂的切换逻辑。证据显示，这种方式适合需要特定动画或行为的场景。示例// 隐藏元素},// 显示元素第一次点击时执行第一个函数（隐藏），第二次点击时执行第二个函数（显示），依此类推。注意：这种 方法 允许开发者自定义隐藏和显示的逻辑，但需要手动管理状态。hide()和show()：用于直接隐藏或显示元素，支持速度和回调参数。toggle()：用于切换元素的隐藏和显示状态，适合交互场景。css() 问题描述：表格中有radio选项，点击不同的radio选项会显示对应的表单选项。操作就是对radio加change监听事件，根据不同选中的值将对应表单选项show()展示出来。<table> <div class="radio> <input class="os" name="os" type="ra 写了一个html页面，本地访问服务端地址，本地数据读取显示渲染等操作都已经OK了，然后开心的发给后台同事，让他们合入一下。然后后台同事通过比较工具合入了，然后激动的测试一下，就发现有一个关于删除的模态框出不来拉。真是脑壳疼啊。然后开始检查，发现并不是后台的问题，而是html页面中的modal(‘show’)这一句执行的 不起作用 。百度了很久很久吧，始终没用找到 解决方案 。然后实在没办法了，想了另一个方... jquery 关于<div>标签 $("#id").show() $("#id").hide()失效的问题 去检查<div>中是否含有<td><tr>标签，如果有，请将 show、hide函数直接作用于td、tr上 <一句话编程debug，拒绝啰里啰唆！> 代码如下：&lt;div style="overflow: hidden;display: none;" id="wait"&gt; &lt;div id="BgDiv1" style=" height: 705px;"&gt;&lt;/div&gt; &lt;div class="U-login-con"&gt; &lt;