jQuery에서 요소가 숨겨져 있는지 확인하는 방법

질문 : jQuery에서 요소가 숨겨져 있는지 어떻게 확인합니까?

---

.hide() , .show() 또는 .toggle() 함수를 사용하여 요소의 가시성을 전환 할 수 있습니까?

visible 되는지 또는 hidden 있는지 어떻게 테스트 하시겠습니까?

답변

---

질문이 단일 요소를 참조하므로이 코드가 더 적합 할 수 있습니다.

// Checks CSS content for display:[none|block], ignores visibility:[true|false]
$(element).is(":visible");

// The same works with hidden
$(element).is(":hidden");

twernt의 제안 과 동일하지만 단일 요소에 적용됩니다. jQuery FAQ에서 권장하는 알고리즘과 일치합니다 .

jQuery의 is ()를 사용하여 선택한 요소를 다른 요소, 선택기 또는 jQuery 객체로 확인합니다. 이 메소드는 전달 된 매개 변수를 충족하는 일치 항목을 찾기 위해 DOM 요소를 순회합니다. 일치하는 항목이 있으면 true를 반환하고 그렇지 않으면 false를 반환합니다.

출처 : https://stackoverflow.com/questions/178325/how-do-i-check-if-an-element-is-hidden-in-jquery