无法隐藏（文档）上的面板。准备就绪答案

【问题标题】：Cannot hide panel on (document).ready无法隐藏（文档）上的面板。准备就绪
【发布时间】：2014-05-06 15:33:40
【问题描述】：

我有一个简单的 html，它在面板内有一个表格：

 <div id="MainContent_pnlMsgDisplay" style="position:absolute; width: 500px; border-width: thick; left: 500px; top: 230px;">

    <table style="width:300px;" border="1">
    <tr>
        <td valign="middle" style="width:120px; margin-left: 20px">
        <span id="MainContent_lblMsg" style="color:Red;"></span>
        </td>
    </tr>
    <tr>
        <td valign="middle" style="width:120px; margin-left: 20px">
        <span id="MainContent_lblUpdateMessage"></span>
        </td>
    </tr>
    </table>   

</div>

我只是不需要在第一次加载文档时显示这个面板，所以我做了这样的事情：

$(document).ready(function () {

    $('#MainContent_pnlMsgDisplay').css('style', 'display: none');

 });

但我仍然看到桌子？如果表格在隐藏面板内，是否应该隐藏？

【问题讨论】：

.css('style', 'display: none') 不正确。参考the documentation。

标签： jquery html html-table panel

【解决方案1】：

您可以使用.hide()

$('#MainContent_pnlMsgDisplay').hide();

或.css( propertyName, value ) 采用样式名称及其值作为 2 个参数

$('#MainContent_pnlMsgDisplay').css('display', 'none');

【讨论】：

【解决方案2】：

像这样使用 css

$('#MainContent_pnlMsgDisplay').css('display', 'none');

.css() documentation

【讨论】：