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/) |