如何使用 jquery 显示隐藏的 div？答案

【问题标题】：How to display hidden div using jquery?如何使用 jquery 显示隐藏的 div？
【发布时间】：2015-01-10 08:08:04
【问题描述】：

我想使用 jquery 显示一个隐藏的 div。出于某种原因， show() 在我的示例中不起作用。如果我删除 hidden 属性并使用 hide()，那确实有效。

任何想法我做错了什么？

<div id="mydiv" style="visibility:hidden">some text</div>
<button onclick="$('#mydiv').show();">click me</button>

【问题讨论】：

标签： jquery css

【解决方案1】：

尝试使用 display:none 代替 visibility:hidden

.show 和 .hide() 切换显示属性不可见

【讨论】：

【解决方案2】：

您可以改为修改 CSS：

<button onclick="$('#mydiv').css('visibility', 'visible');">click me</button>

如果您想使用hide() 和show()，您可以改用display 属性：

<div id="mydiv" style="display: none;">some text</div>

【讨论】：

【解决方案3】：

<div id="mydiv" style="visibility:hidden">some text</div>
<button onclick="$('#mydiv').css('visibility', 'visible');">click me</button>

【讨论】：

【解决方案4】：

你可以使用css函数：

$('#mydiv').css('visibility', 'visible');

或者只使用显示属性：

<div id="mydiv" style="display:none;">some text</div>
<button onclick="$('#mydiv').show();">click me</button>

【讨论】：