jQuery - 我可以测试项目是隐藏还是显示？

Question

好的，我知道堆栈溢出还有其他类似的问题，但这不一样。

我有这个用jQuery制作的东西，它基本上是一个走路的火柴人。到目前为止，火柴人有两种状态。坐着，站着。我想知道如何检查是站立的图片是可见还是隐藏，所以我可以在隐藏站立图片时禁用移动。这就是你知道我在说什么的事情：
http://jsbin.com/okazof
这是代码来源：
http://jsbin.com/okazof/1/edit

Answer 1

if($('#sitting').is(':visible')) {
  console.log('sitting is visible');
}

  

修改：working-code

Answer 2

我会将您的HTML更改为div并使用CSS类。

通过在元素中添加一类坐位，您可以更好地控制JavaScript和CSS。例如;

CSS

.sitting { background-image: url( ... ); }

JS

$( '#sitting' ).hasClass( 'sitting' );