jquery에서는 Delay() 및 hide() 함수를 사용하여 2초 후에 요소가 사라지는 효과를 얻을 수 있습니다. Delay() 함수는 다음 항목 실행에 대한 지연 시간을 설정하는 데 사용됩니다. queue 및 hide() 함수는 요소를 숨기는 데 사용됩니다. 선택한 요소의 경우 구문은 "$(element).delay(2000).hide(200)"입니다.
이 튜토리얼의 운영 환경: 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>출력 결과:
추천 관련 동영상 튜토리얼: jQuery 동영상 튜토리얼
위 내용은 2초 후에 jquery를 사라지게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
