现场演示

<div id="div" style="display: none"></div>
<button class="try">Try now</button>

<script type="text/javascript">
$(document).on('click','.try',function() {
var style = $('#div');
if (style.css("display") == "none") {
  alert("display not available");
}
});
</script>

是的，你可以使用cssfunction。下面将搜索所有div，但你可以修改它为任何你需要的元素

$('div').each(function(){

    if ( $(this).css('display') == 'none')
    {
       //do something
    }
});

$("element").filter(function() { return $(this).css("display") == "none" });

只是我个人更喜欢的另一个快捷方式，而不是。is()或。length:

if($('.myclass:visible')[0]){
   // is visible
}

如果没有dom元素找到selector .myclass:visible，它将返回undefined

$('#selector').is(':visible');

jQuery中有两个方法来检查可见性:

$("#selector").is(":visible")

and

$("#selector").is(":hidden")

你也可以在选择器中根据可见性执行命令;

$("#selector:visible").hide()

or

$("#selector:hidden").show()