visibility - JavaScript example - 如何在jQuery中检查一个元素是否被隐藏?

jQuery document ready / javascript / jquery / dom

是否有可能进行切换的元件的可见性,使用函数 .hide().show().toggle()

Nicolas Gervais



Answer #1
$('#clickme').click(function() {
  $('#book').toggle('slow', function() {
    //动画完成。
    alert($('#book').is(":visible")); // <----如果可见,则为TRUE,如果隐藏,则为False
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="clickme">
  Click here
</div>
<img id="book" src="https://upload.wikimedia.org/wikipedia/commons/8/87/Google_Chrome_icon_%282011%29.png" alt="" width="300"/>