Question

我有一个ASP.Net页面，其中我有一个html锚标记，并且我将visible属性设置为false。我想用JQuery使它可见，但似乎无法让它工作。我试图使用选择器作为锚标签本身，也是一个类选择器，但都没有任何效果。这是锚标记的标记：

<a runat="server" class="reg" visible="false" id="RegisterSoftwareTab" href="../RegisterSoftware.aspx">Register Software</a>

这是JQuery代码：

<script type="text/javascript" >
    $(document).ready(function() {
        $('a').attr("visible", "true");
        $('a').show();
        $('.reg').attr("visible", "true");
        $('.reg').show();
    });
</script>

Answer 1

visible不是正确的属性;它不是由HTML标准定义的。您只能在Visible之类的ASP.NET控件上使用asp:Button属性;然后，Visible="false"将呈现为符合HTML的style="display:none"。

如果您想使用普通HTML标记隐藏元素，请尝试直接在HTML标记中使用display CSS属性：

<a runat="server" class="reg" style="display:none;"  id="RegisterSoftwareTab" href="../RegisterSoftware.aspx">Register Software</a>

show()方法的作用是将元素的样式切换为display:inline;，因此在这种情况下，您只能调用$('.reg').show()或$('a').show()，而无需更改display CSS属性直接使用attr()方法：

<script type="text/javascript" >
    $(document).ready(function() {
        $('a').show();
    });
</script>

Answer 2

为锚标记设置style为none：

<a runat="server" class="reg" style="display: none;" id="RegisterSoftwareTab" href="../RegisterSoftware.aspx">Register Software</a>

然后要显示它，请使用$('a').show();

使用JQuery在ASP.Net页面中显示Anchor标记

2 个答案: