>웹 프론트엔드 >JS 튜토리얼 >jquery에서 요소가 숨겨져 있는지 확인하는 방법

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

coldplay.xixi
coldplay.xixi원래의
2020-11-19 14:01:552093검색

jquery를 사용하여 요소가 숨겨져 있는지 확인하는 방법: 1. CSS 속성을 사용합니다. 코드는 [var display =$('#id').css('display')]입니다. 2. jQuery를 사용하여 여부를 확인합니다. 객체는 구문을 표시하고 코드는 [$(".test").css("display]입니다.

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

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 2.2.4. 이 방법이 적합합니다. 모든 브랜드의 컴퓨터에 대해

jquery는 요소가 숨겨져 있는지 확인합니다. 방법:

1. CSS 속성을 사용하여

var display =$('#id').css('display');
if(display == 'none'){
   alert("none为隐藏");
}

2. jQuery를 사용하여 요소를 판단합니다.

var node=$('#id');

첫 번째 작성 방법

두 번째 작성 방법

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

3. 객체가 구문을 표시하는지 판단하는 jQuery

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

관련 무료 학습 권장 사항:

JavaScript(동영상)

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.