jquery의 show() 메서드가 작동하지 않으면 어떻게 해야 하나요?

jquery에서는 show() 메소드가 jQuery 메소드와 CSS의 "display:none"을 통해 숨겨진 요소에만 적용되고, "visibility:hidden"을 통해 숨겨진 요소에는 적용되지 않기 때문에 작동하지 않습니다. "element.style.visibility="visible"" 요소를 표시합니다.

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

jquery의 show() 메서드가 작동하지 않는 경우 해결 방법

이유: show()는 jQuery 메서드에 의해 숨겨진 요소와 CSS의 display:none에 적용 가능합니다(visibility:hidden에 의해 숨겨진 요소에는 적용되지 않음).

visibility:hidden 메소드

visibility 속성은 요소가 표시되는지 여부를 지정합니다.

눈에 보이지 않는 요소도 페이지 공간을 차지합니다. 페이지 공간을 차지하지 않는 보이지 않는 요소를 만들려면 "display" 속성을 사용하세요.

Description

이 속성은 요소에 의해 생성된 요소 상자를 표시할지 여부를 지정합니다. 이는 요소가 여전히 원래 공간을 차지하지만 완전히 보이지 않을 수 있음을 의미합니다. 값 축소는 테이블 레이아웃에서 열이나 행을 제거하기 위해 테이블에서 사용됩니다.

예제는 다음과 같습니다.

<div class="curr-page" style="visibility:hidden" id="currPage"></div>//visibility:hidden表示默认隐藏

var currentBtn = document.getElementById("currPage");
        currentBtn.style.visibility = "visible"; //显示
var currentBtn = document.getElementById("currPage");
        currentBtn.style.visibility = "hidden"; //隐藏

display:none 요소인 경우 show 메소드를 직접 사용할 수 있습니다.

선택한 요소가 숨겨진 경우 다음 요소를 표시합니다.

Syntax

$(selector).show(speed,callback)

예는 다음과 같습니다:

<div class="curr-page" style="display:none" id="currPage"></div>  //display:none表示默认隐藏

 $("#currPage").show();//Jquery方法 显示 
 $("#currPage").hide(); //Jquery方法 隐藏

동영상 튜토리얼 권장: jQuery 동영상 튜토리얼

위 내용은 jquery의 show() 메서드가 작동하지 않으면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!