Question

我在页面加载时有一个隐藏可见性的标签。如何使用jquery

使其可见

<label for="error" style="margin:100px auto 60px auto;color:Red; line-height:40px;font-size:medium;visibility:hidden">error occured</label>

我可以隐藏它。

  $('label[for="error"]').hide();

这不起作用

 $('label[for="error"]').show();

Answer 1

将CSS属性visibility设置为visible。

$('label[for="error"]').css('visibility', 'visible');

Answer 2

按如下方式更改您的代码：

<label for="error" style="margin:100px auto 60px auto;color:Red; line-height:40px;font-size:medium;display:none">error occured</label>

我已将visibility:hidden替换为display:none。

然后，您可以使用jQuery hide（）和 show（）函数。

Answer 3

Visibility:hidden和display:none两者都是不同的东西：

您可以检查它的差异Play

您正在使用

隐藏元素

visibility:hidden

尝试display:none而不是visibility: hidden

Answer 4

你的css有“visibility：hidden”，它负责隐藏标签，而不是jquery方法。使用“display：none”代替

Answer 5

尝试使用display：none而不是visibility：hidden 我为你做了一个jsFiddle。

label[for="error"]{
    margin:100px auto 60px auto;
    color:Red; 
    line-height:40px;
    font-size:medium;
    display:none;    
}