为什么文本内容显示在隐藏的div中

Question

我试图隐藏重叠的<div>，但此<div>中的文字无论如何都会显示。 我正在使用JQUERY隐藏<div>这样的内容...... $('#divinfo').css(display,"none"); 这是我的jquery代码：

$(document).ready(function(){

        $('#divfoto').addClass('clasefoto');
        $('#divinfo').addClass('claseinfo');
        $('#divinfo').css(display,"none");

        onClick();

    });

html代码......

<table>
    <tr>
        <td>
            <div id="divfoto">
                <p>WORD1</p>
                <div id="divinfo" >
                    <p>WORD2</p>
                </div>
            </div>
            </td>
    </tr>
</table>

这是css代码......

.clasefoto{

background-color:#0000FF;
position: relative;
height: 200px;
width: 200px;
border:5px solid #FF00FF;

}

.claseinfo{
background-color: #FFFF00;
position: absolute;
top: 30px;
left: 0px;
width: 100%;
height: 0%;

}

和图片，请帮帮我！

Answer 1

你的jquery css（）缺少引号：

$('#divinfo').css("display","none");

但是，最好先在CSS中设置display：none，而不是jQuery。

#divinfo {display:none;}会在屏幕上呈现比$ ('#divinfo').css('display','none');

更快的内容

希望这有帮助！

Answer 2

使用

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

而不是

$('#divinfo').css(display,"none");