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

大家好！我刚开始学习jQuery，遇到了一个问题。我需要检查页面上的元素是可见的还是隐藏的。我知道在CSS中有几种隐藏元素的方法：通过`display: none`、`visibility: hidden`或`opacity: 0`。但我不明白如何在jQuery中正确判断。 我有这样的代码： ```javascript // 我试图检查块是否隐藏 if ($('#myDiv').is(':hidden')) { console.log('元素隐藏'); } else { console.log('元素可见'); } ``` 但它并不总是有效。例如，如果元素通过`visibility: hidden`隐藏，那么`:hidden`检测不到它。而如果我使用`:visible`，它的行为也很奇怪。我还尝试过通过`$('#myDiv').css('display')`检查，但这不太方便，如果需要考虑不同的隐藏方式的话。 请告诉我如何正确且通用地检查元素是否隐藏？我需要它对所有情况都有效：包括`display: none`、`visibility`和`opacity`。还有一个问题