jquery_jquery에 요소가 숨겨져 있는지 확인하는 다양한 방법

첫 번째 방법: CSS 속성 사용

코드 복사 코드는 다음과 같습니다.

var 디스플레이 =$('#id').css('display');
if(표시 == '없음'){
warning("당신이 나를 발견했습니다. 나는 숨어있습니다!");
}

두 번째: jquery 내장 선택기 사용

우리 페이지에 다음과 같은 태그가 있다고 가정해 보겠습니다.

코드 복사 코드는 다음과 같습니다.

테스트용

그런 다음 다음 명령문을 사용하여 ID가 ​​"test"인 태그가 숨겨져 있는지 확인할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

if($("#test").is(":hidden ")) {...} //jQuery 라이브러리를 가져왔다는 전제

이러한 방식으로 요소가 숨겨져 있는지 쉽게 확인하고 다음과 같이 상태에 따라 애니메이션을 적용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

if($("#test").is(":hidden")){
         $("#test").show();                                                                                                                                                           //요소가 숨겨져 있으면 표시
}그밖에{
        $("#test").hide();            //요소가 표시되면 숨깁니다
}

jQuery는 요소의 표시 여부를 결정합니다.

코드 복사 코드는 다음과 같습니다.

var node=$('#id');

글쓰기의 첫 번째 방법

코드 복사 코드는 다음과 같습니다.

if(node.is(':hidden')){ //노드가 숨겨져 있으면 노드 요소를 표시하고, 그렇지 않으면 숨깁니다

노드.쇼()

}그 외{

node.hide();

}

두 번째 글쓰기 방법

코드 복사 코드는 다음과 같습니다.

if(!node.is(':visible')){ //노드가 숨겨져 있으면 노드 요소를 표시하고, 그렇지 않으면 숨깁니다

노드.쇼()

}그 외{

node.hide();

}

if(node.is(':visible')){ //노드가 표시되면 노드 요소를 숨기고, 그렇지 않으면 표시

node.hide();

}그 외{

node.show();

}

jQuery는 객체의 표시 여부를 결정합니다.

JS 코드

코드 복사 코드는 다음과 같습니다.

// jQuery("#tanchuBg").css("디스플레이")
// jQuery("#tanchuBg").is(":visible")
// jQuery("#tanchuBg").is(":hidden")

JS 코드

코드 복사 코드는 다음과 같습니다.

$(element).is(":visible") // 디스플레이를 확인합니다:[none|block], visible을 무시합니다:[true|false]

JS 코드

코드 복사 코드는 다음과 같습니다.

$('요소:숨김')
$('요소:표시')

JS 코드

코드 복사 코드는 다음과 같습니다.

$(".item").each(function()
{
If ($(this).css("visibility") == "hidden")
{ 
// 보이지 않는 상태 처리
}  
그렇지 않으면
{ 
// 표시 상태 처리
}  
})

JS 코드

코드 복사 코드는 다음과 같습니다.

ar isVisible = $('#myDiv').is(':visible')
var isHidden = $('#myDiv').is(':hidden')

JS 코드

코드 복사 코드는 다음과 같습니다.

if( $(this).css("display") == '없음' ){

/* 여기에 코드를 입력하세요*/
}
그렇지 않으면{

/* 대체 논리 */
}