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

질문

 

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

요소가 표시인지 숨겨져 있는지 어떻게 테스트 하시겠습니까?

답변

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

// 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를 반환합니다.

출처 : http://stackoverflow.com/questions/178325