[jquery] jQuery를 사용하여 요소가 ‘display : none’인지 또는 클릭시 차단되는지 확인하십시오.

보이는 요소 에는 : visible 을 사용 하고 숨겨진 요소를 찾으려면 : hidden 을 사용할 수 있습니다 . 이 숨겨진 요소는 display속성이로 설정되어 none있습니다.

hiddenElements = $(':hidden');
visibleElements = $(':visible');

특정 요소를 확인합니다.

if($('#yourID:visible').length == 0)
{

}

요소가 문서에서 공간을 소비하면 표시되는 것으로 간주됩니다. 표시 요소는 0보다 큰 인 폭 또는 높이가
참조

또한 is () 를 사용할 수 있습니다:visible

if(!$('#yourID').is(':visible'))
{

}

표시 값을 확인하려면 css ()를 사용할 수 있습니다

if($('#yourID').css('display') == 'none')
{

}

디스플레이를 사용하는 경우 다음 값 display을 가질 수 있습니다.

디스플레이 : none

디스플레이 : 인라인

디스플레이 : 블록

디스플레이 : 목록-항목

디스플레이 : 인라인 블록

가능한 display값 의 전체 목록을 확인 하십시오 .

JavaScript로 표시 속성을 확인하려면

var isVisible = document.getElementById("yourID").style.display == "block";
var isHidden = document.getElementById("yourID").style.display == "none"; 

답변

$("element").filter(function() { return $(this).css("display") == "none" });

$('div').each(function(){

    if ( $(this).css('display') == 'none')
    {
       //do something
    }
});

if (jQuery(".profile-page-cont").css('display') == 'block'){
    // Condition 
}

$("#selector").is(":visible")

$("#selector").is(":hidden")

$("#selector:visible").hide()

$("#selector:hidden").show()

$('#selector').is(':visible');