jquery_jquery에 요소가 숨겨져 있는지 확인하는 다양한 방법-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 16:49:46

원래의

1058명이 탐색했습니다.

첫 번째 방법: 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") == '없음' ){ 

/* 여기에 코드를 입력하세요*/ 

} 

그렇지 않으면{ 

/* 대체 논리 */ 

}