는 jQuery를

Question

와 DOM 요소의 가시성을 상속 검사합니다. 스팬은 분명히 표시되지 않지만 직접적으로 display:none; 속성이 없으므로 여전히 볼 수 있다고합니다.

부모 또는 부모의 부모가 표시되지 않아도 특정 DOM 요소가 실제로 표시되는지 여부를 테스트하려면 어떻게해야합니까?

if($("#hello").is(":visible")) { 
    //It's visible! 
} 

is 방법은 일치하는 요소의가 셀렉터에 일치하는 여부를 나타내는 부울 값을 반환합니다

Answer 1

당신은 사용할 수 있습니다

if ($('#myitem').is(':visible')){ 

/*Do some sort of stuff in here */ 

} 

ITE 여전히 애니메이션 (예 : .hide 또는 .fadeOut 사용)은 애니메이션이 완료 될 때까지 "표시"됩니다.

Answer 2

당신은 :visible 선택하고 is 방법을 사용할 수 있습니다.

Answer 3

사용 $(selector).is(' :visible ')

Answer 4

사용 :hidden 또는 :visible psuedoselectors와 함께 .is() function :

http://jsfiddle.net/jbabey/ucSVx/

$('#hello').is(':hidden')