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

我想使用jquery显示一个隐藏的div。出于某种原因，show（）在我的示例中不起作用。如果我删除hidden属性并使用hide（），这就行了

知道我做错了什么吗

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

一些文本
点击我

---

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

---

.show和.hide（）切换显示属性不可见性

您可以修改CSS：

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

一些文本
点击我

您可以使用css功能：

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

或者只使用显示功能：

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

一些文本
点击我

---

show（）

和

hide（）

修改

display

属性。您可以将

div

改为使用

display:none

吗？使用display:none代替visibility:hidden以使用.show（）

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

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