2초 후에 jquery를 사라지게 만드는 방법-프런트엔드 Q&A-php.cn

2초 후에 jquery를 사라지게 만드는 방법

WBOY

풀어 주다： 2022-01-10 16:49:22

원래의

1613명이 탐색했습니다.

jquery에서는 Delay() 및 hide() 함수를 사용하여 2초 후에 요소가 사라지는 효과를 얻을 수 있습니다. Delay() 함수는 다음 항목 실행에 대한 지연 시간을 설정하는 데 사용됩니다. queue 및 hide() 함수는 요소를 숨기는 데 사용됩니다. 선택한 요소의 경우 구문은 "$(element).delay(2000).hide(200)"입니다.

2초 후에 jquery를 사라지게 만드는 방법

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

2초 후에 jquery가 사라지는 방법

delay() 메서드는 대기열의 다음 항목 실행에 대한 지연을 설정합니다.

Syntax

$(selector).delay(speed,queueName)

로그인 후 복사

Parameters

speed 선택 사항입니다. 지연 속도를 지정합니다. 가능한 값: 밀리초, "느림", "빠름"

queueName 선택 사항. 큐의 이름을 지정합니다. 기본값은 표준 효과 대기열인 "fx"입니다.

hide() 메서드는 선택한 요소를 숨깁니다.

팁: 이는 CSS 속성 display:none과 유사합니다.

참고: 숨겨진 요소는 완전히 표시되지 않습니다(더 이상 페이지 레이아웃에 영향을 미치지 않습니다).

팁: 숨겨진 요소를 표시하려면 show() 메서드를 확인하세요.

Grammar

$(selector).hide(speed,easing,callback)

로그인 후 복사

예제는 다음과 같습니다.

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $("#dianji").click(function(){
            $("#disappare").delay(2000).hide(200);
        });
    })
</script>
</head>
<body>
    <div id="content">
        <button id="dianji">点击</button>
        <div id="disappare">
            <p>点击2秒后会自动消失</p>
        </div>
    </div>
</body>
</html>

로그인 후 복사

출력 결과:

2초 후에 jquery를 사라지게 만드는 방법