jQuery -是否可以测试项目是否隐藏或显示？

Question

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

我用jQuery制作了这个东西，它基本上就是一个可以四处走动的棍子。到目前为止，stickman有两个状态。坐着，站着。我想知道如何检查站立图片是可见的还是隐藏的，这样我就可以在站立图片隐藏时禁用移动。事情是这样的，所以你知道我在说什么：

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' );