>웹 프론트엔드 >JS 튜토리얼 >javascript show 메소드의 사용은 무엇입니까

javascript show 메소드의 사용은 무엇입니까

藏色散人
藏色散人원래의
2021-04-01 15:09:343527검색

javascript show 메소드는 숨겨진 요소를 표시하는 데 사용되며 사용법 구문은 "$(selector).show(speed,callback)"입니다. 이 효과는 jQuery를 통해 숨겨진 요소에 적용 가능하거나 CSS "display: none " 요소.

javascript show 메소드의 사용은 무엇입니까

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1, Dell G3 컴퓨터.

메서드 정의 및 사용법 표시

선택한 요소가 이미 숨겨져 있으면 표시:

Syntax

$(selector).show(speed,callback)

javascript show 메소드의 사용은 무엇입니까

팁 및 메모

팁: 요소가 이미 완전히 표시되어 있으면 이 효과 콜백 함수가 지정되지 않는 한 어떤 변경도 생성되지 않습니다.

참고: 이 효과는 jQuery를 통해 숨겨진 요소 또는 CSS에서 display:none으로 선언된 요소(그러나 visible:hidden 을 가진 요소는 제외)에서 작동합니다.

예:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").hide();
  });
  $(".btn2").click(function(){
  $("p").show();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>

실행:

javascript show 메소드의 사용은 무엇입니까

[추천 학습: js 기본 튜토리얼]

위 내용은 javascript show 메소드의 사용은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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