Question

我有一个简单的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');

 });

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

Answer 1

您可以使用.hide()

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

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

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

Answer 2

像这样使用css

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

.css() documentation

无法隐藏面板（文件）.ready

2 个答案: