jquery .hide使用{visibility:hidden;}是替代使用{display:none;}

时间:2012-04-23 22:51:16

标签: jquery css show-hide

根据我在jquery使用中使用.hide的理解(css){visibility:hidden;}是否有使用{display:none;}的替代方法?

同样,{visibility:hidden;}项目仍占用像素空间,与{display:none;}一样,它隐藏了该项目并且不占用屏幕上的任何空间

5 个答案:

答案 0 :(得分:6)

不,jQuery.hide()将显示设置为none,这是证据FIDDLE

答案 1 :(得分:1)

我只是仔细检查了jquery代码本身并确认.hide严格使用display属性,将其设置为noneVisibilityvisible

之后的元素上保留.hide

答案 2 :(得分:1)

$(el).hide()使用display:none

您还可以创建自己的'hide'css类,并使用jquery .addClass('hide')或.toggleClass('hide')

添加/删除它

答案 3 :(得分:0)

不,匹配的元素将立即隐藏,不带动画。这大致相当于调用.css('display','none'),除了display属性的值保存在jQuery的数据高速缓存中,以便稍后可以将显示恢复到其初始值。如果元素的显示值为内联,则隐藏并显示,它将再次以内联方式显示。

http://api.jquery.com/hide/

答案 4 :(得分:0)

.hide()会将元素的CSS设置为display:none;