如何使用jQuery检查页面上的元素是否隐藏？

大家好！我是一名前端开发新手，遇到了一个问题：我需要使用jQuery判断页面上的某个元素是否隐藏。 我有几个信息块，通过点击按钮来隐藏和显示它们。我需要先检查某个块当前是否可见，然后再对其执行操作（比如动画或修改class）。 我知道CSS可以通过不同方式隐藏元素：`display: none`、`visibility: hidden`，甚至零透明度`opacity: 0`。元素也可能通过jQuery的`.hide()`和`.show()`方法隐藏。 问题在于，我尝试使用`:hidden`选择器，但它似乎并不总是按预期工作。例如，这是我的代码： ```javascript // 检查id为"myBox"的元素是否隐藏 if ($('#myBox').is(':hidden')) { console.log('元素已隐藏'); } else { console.log('元素可见'); } ``` 但有时这段代码会说