如何在 jquery 中将 div 元素的可见属性设置为 true 或 false？

Posted 2023-02-21

【中文标题】如何在 jquery 中将 div 元素的可见属性设置为 true 或 false？

【英文标题】：How do I set a visible property of a div element to true or false in jquery?

【发布时间】：2011-04-19 13:14:24

【问题描述】：

我希望能够做到这一点：

$(".panel").visible = true;

但这不起作用。

【参考方案1】：

对于display CSS 属性，使用.show(), .hide() or .toggle() 来影响是否显示，像这样：

$(".panel").show();
//or to hide:
$(".panel").hide();
//toggle show/hide
$(".panel").toggle();
//or show/hide based on boolean:
$(".panel").toggle(bool);

对于visibility CSS 属性，您需要手动设置它（jQuery 主要围绕display 构建），使用.css() 如下：

$(".panel").css("visibility", "visible");
//or:
$(".panel").css( visibility: "visible");

【讨论】：

谢谢，但这不是我使用 vb.net 的 css 属性

@bill - 在这种情况下，您无法从 jQuery 中显示它，因为它甚至不在页面中，客户端对此一无所知。您需要style="display: none;"，而不是服务器标记中的Visible="false"，因此它仍会呈现在页面中。更清楚一点，它不是<div> 属性，而是控制渲染的ASP.Net 控件属性。

【参考方案2】：

对我来说这很有效：

document.getElementById('my_elementid').style.visibility='visible';

【讨论】：

他要 jquery

【参考方案3】：

您可以使用 ClientScript 在服务器端调用你的 jquery 方法

ClientScript.RegisterStartupScript(this.GetType(), "hideslidertab", "hideslidertab();", true);