JQuery.show/.hide和CSS可见性之间的区别:隐藏

JQuery.show/.hide和CSS可见性之间的区别:隐藏,jquery,css,Jquery,Css,我正在尝试使用JQuery显示和隐藏Div元素: $("#Progress").hide("fast"); 但是,我需要先将div#Progress元素设置为hidden <div style="height:30px;margin-top:5px"> <div id="Progress" style="visibility:hidden"> <div style="float:left"> <img

我正在尝试使用JQuery显示和隐藏Div元素:

$("#Progress").hide("fast");
但是,我需要先将div#Progress元素设置为hidden

     <div style="height:30px;margin-top:5px">
        <div id="Progress" style="visibility:hidden">
            <div style="float:left"> <img src="../../../../Content/images/ProgressSpinner.gif"/></div>
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Saving.......</div>
        </div>
    </div>

您需要设置元素的“显示”属性:

#Progress {
    display: none;
}

您需要设置元素的“显示”属性:

#Progress {
    display: none;
}

a。如果不想看到闪烁效果,请不要使用
.hide('fast')

但对于您的情况,您可以只执行
$(“#进度”).hide()

在旁注中,尝试
.hide('slow')
以查看较慢的隐藏

b
.show(“fast”)
无效,因为您的进度div上有
style=“visibility:hidden”
[隐藏但占用页面空间]


删除并替换为
style=“display:none”
[隐藏并不占用页面空间]

a。如果不想看到闪烁效果,请不要使用
.hide('fast')

但对于您的情况,您可以只执行
$(“#进度”).hide()

在旁注中,尝试
.hide('slow')
以查看较慢的隐藏

b
.show(“fast”)
无效,因为您的进度div上有
style=“visibility:hidden”
[隐藏但占用页面空间]


删除并替换为
style=“display:none”
[隐藏并不占用页面空间]

display:none。尝试阅读文档,它回答了您的问题
可见性:隐藏
仍然占用空间<代码>显示/隐藏
设置
显示:无
不占用sace。可能重复感谢有趣的链接….
显示:无。尝试阅读文档,它回答了您的问题
可见性:隐藏
仍然占用空间
show/hide
set
display:none
不占用sace。可能重复感谢有趣的链接…@SamJolly-很乐意帮助。@SamJolly-很乐意帮助。