freeCodeCamp/guide/chinese/miscellaneous/checking-if-the-element-is-.../index.md

888 B
Raw Blame History

title localeTitle
Checking if the Element Is Currently Hidden 检查元素当前是否隐藏

如果您需要检查页面上某些元素的可见性状态您可以使用简单的代码块如下所示使用jQuery库轻松完成。

var display = ( jQuery('#someElement').is(':visible') ); 
 var visibility = ( jQuery('#someElement').css('visibility') != 'hidden' ); 
 var status = ( display && visibility ); 
 console.log( status ); 

因此,如果元素当前在页面上可见,则**console.log(status)**将返回true ,在任何其他情况下,它将返回false 。对于这两种情况,将返回false陈述:

  • 如果元素有display:none;
  • 如果元素具有visibility: hidden

对于像这样的更高级的检查: 是视口上可见的元素现在我建议使用jQuery onScreen插件