18 lines
888 B
Markdown
18 lines
888 B
Markdown
|
---
|
|||
|
|
title: Checking if the Element Is Currently Hidden
|
|||
|
|
localeTitle: 检查元素当前是否隐藏
|
|||
|
|
---
|
|||
|
|
如果您需要检查页面上某些元素的可见性状态，您可以使用简单的代码块（如下所示）使用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插件](http://benpickles.github.io/onScreen/)
|