visibility - javascript - jQuery 요소 접근 - jQuery에서 요소가 숨겨져 있는지 어떻게 확인합니까?

제이쿼리 / 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"/>