Question

我有一个div，其类名为myClass，id名为myId。 div具有以下风格。

.myClass {
    height: 74%;
    margin-top: -1px;
    position: relative;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
    visibility: hidden;
}

当我尝试将可见性从隐藏更改为可见时执行此操作

$('#myId').css({ 'visibility': 'visible' });

我在JQuery中使用id而不是类，因为同样的类也应用于其他元素。我的div仍然不可见。我做错了什么？

Answer 1

是的，您可以通过以下方式执行此操作

$('#myId').css('display','block');

$('#myId').css('display','inline');

$('#myId').show();

Answer 2

你为什么不试试：

$('#myId').css('display', 'block');

或尝试：

<style>
.visible { display:block !important;}
</style>
$('#myId').addClass('visible');

Answer 3

将您的visibility: hidden;替换为display: none;

然后更新jQuery

$('#myId').css('display','block');

Answer 4

在css中，可见性属性会对标记内的内容产生影响，同时显示属性对总标记的影响，这意味着如果您应用display:none;，它将删除整个标记，但visibility:hidden会隐藏该标记内的内容。

因为：visible是一个jQuery选择器，你可以使用不透明度而不是可见性来隐藏标签内的内容。

$('#myId').css('opacity','1');
$('#myId').css('opacity','0');

如果您需要隐藏整个标记，最好使用display none

Answer 5

简单地说，jquery中有一个api可用于隐藏和显示DOM元素。请尝试以下

   $('#myId').hide(); // for hiding the element

    $('#myId').show(); // to show up the element

改变可见性属性

5 个答案: