javascript - 显示隐藏元素 jquery

Question

我不知道为什么它不适用于bootstrap modal。

我想显示隐藏的元素。

我尝试了3种不同的方式

（使用 display:none;并且在 javascript 中做了$('..').show()，

可见性：隐藏并在 javascript $('..').css('visibilty','visible')中，

和class="hidden"和 javascript $('..').removeClass('hidden')）

这是我的代码：

$('.btn[id="zaki"]').click(function() {
  $('#show_1524').show();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="btn btn-danger" id="zaki">ilyes_show</button>
<div>
  <p style="display:none;" id="show_1524">..................</p>
</div>

标签： javascriptjqueryhtmlcss

Answer 1

虽然您的代码工作正常，但由于内联样式具有最高的特异性，将内联样式替换为一个类，然后单击按钮将removeClass其删除

$('.btn[id="zaki"]').click(function() {
  $('#show_1524').removeClass('hideElem');
})

.hideElem {
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="btn btn-danger" id="zaki">ilyes_show</button>
<div>
  <p class="hideElem" id="show_1524">..................</p>
</div>