jquery에서 요소가 숨겨져 있는지 확인하는 방법

jquery가 요소가 숨겨져 있는지 확인하는 방법: 1. CSS 속성을 사용합니다. 코드는 [var display =$('#id').css('display');]; 2. jquery의 내장 선택기를 사용합니다. 코드는 [ if($("#test").is(":hidden")】.

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, DELL G3 컴퓨터.

권장 사항: jquery 비디오 튜토리얼

jquery가 요소 숨김 여부를 결정하는 방법:

1: CSS 속성 사용

코드는 다음과 같습니다.

var display =$('#id').css('display');
if(display == 'none'){
   alert("被你发现了，我是隐藏的啦！");
}

2: jquery 내장 선택기 사용

페이지에 다음과 같은 라벨이 있다고 가정해 보겠습니다.

코드는 다음과 같습니다.

<div id="test">
<p>仅仅是测试所用</p>
</div>

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

코드는 다음과 같습니다. :

if($("#test").is(":hidden")){...} //前提是已经将jQuery的库导进来了

이 방법으로 요소가 숨겨져 있는지 쉽게 확인할 수 있으며 해당 상태에 따라 애니메이션을 설정할 수 있습니다. 예를 들어:

코드는 다음과 같습니다.

if($("#test").is(":hidden")){
       $("#test").show();    //如果元素为隐藏,则将它显现
}else{
      $("#test").hide();     //如果元素为显现,则将其隐藏
}

3: jQuery는 요소가 숨겨져 있는지 여부를 결정합니다. 표시되거나 숨겨집니다

코드는 다음과 같습니다.

var node=$('#id');

첫 번째 작성 방법

코드는 다음과 같습니다.

if(node.is(':hidden')){　　//如果node是隐藏的则显示node元素，否则隐藏
　　node.show();　
}else{
　　node.hide();
}

두 번째 작성 방법

코드는 다음과 같습니다.

if(!node.is(':visible')){　　//如果node是隐藏的则显示node元素，否则隐藏
　　node.show();　
}else{
　　node.hide();
}
if(node.is(':visible')){　　//如果node是显示的则隐藏node元素，否则显示
　　node.hide();
}else{
　　node.show();
}

관련 무료 학습 권장 사항: javascript(동영상)

위 내용은 jquery에서 요소가 숨겨져 있는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!