使用 jquery 更改标签标签的可见性答案

【问题标题】：change visibility of label tag using jquery使用 jquery 更改标签标签的可见性
【发布时间】：2013-07-25 17:17:37
【问题描述】：

我有一个在页面加载时隐藏可见性的标签。如何使用 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();

【问题讨论】：

只是猜测，但尝试显示：无；而不是可见性：隐藏；
当你说隐藏可见性时，你的意思是display:none？
那个或者它可能正在显示但隐藏在其他东西后面。
更改可见性：从隐藏到显示：无解决您的问题.....w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_show
如果是visibility:hidden，又想保持位置，设置不透明度为0

【解决方案1】：

如下修改你的代码：

<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() 函数。

【讨论】：

【解决方案2】：

将 CSS 属性 visibility 设置为 visible。

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

尝试使用 display:none 代替 visibility:hidden 我为你做了一个 jsFiddle。

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

【讨论】：

【解决方案5】：

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

您可以检查它的区别Play

你正在用

隐藏你的元素

visibility:hidden

尝试display:none 而不是visibility: hidden

【讨论】：