jquery에서 몇 초 후에 요소를 사라지게 하는 방법: 1. 지연() 함수를 사용하여 지연 시간을 설정합니다. 2. hide(),ggle() 또는 SlideDown() 함수를 사용하여 요소를 사라지게 합니다. 지정된 지연 시간 이후 구문은 " Element object.delay (delay second).hide();”
입니다. 이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.2, Dell G3 컴퓨터 .
jquery를 사용하면 몇 초 후에 요소가 사라지게 됩니다.
jquery에서는 몇 초 후에 요소가 사라지도록 하려면 Delay() 메서드와 hide()(toggle() 또는 SlideDown() 메서드)를 사용할 수 있습니다. second
Delay() 함수는 지연 시간을 설정합니다
hide(), Toggle() 또는 SlideDown() 함수는 지정된 지연 시간 후에 요소가 사라지도록 합니다
구현 코드: 3 후에 사라집니다. 초
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("p").delay(3000).hide(2000);
});
});
</script>
</head>
<body>
<button>隐藏元素</button>
<p style="background-color: #FFC0CB;">测试文本</p>
</body>
</html>
【 추천 학습: jQuery 동영상 튜토리얼, web front-end】
위 내용은 jquery 몇 초 후에 요소를 사라지게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
CSS 선택기 마스터 링 : 효율적인 스타일을위한 클래스 대 IDMay 16, 2025 am 12:19 AM클래스 선택기 및 ID 선택기의 사용은 특정 사용 사례에 따라 다릅니다. 1) 클래스 선택기는 다중 요소, 재사용 가능한 스타일에 적합하며 2) ID 선택기는 고유 한 요소 및 특정 스타일에 적합합니다. 클래스 선택기는 더 유연하며 ID 선택기는 처리하기가 더 빠르지 만 코드 유지 보수에 영향을 줄 수 있습니다.
HTML5 사양 : 주요 목표와 동기 탐색May 16, 2025 am 12:19 AMTheKeyGoalSandMotivationSBehindhtml5WeretoEnhancesemanticstructure, EverneMultImediasupport, andensureBetTerferfortPerformanceAndCompatibilityAcrossDevices, DrivenBytheneedToaddresshtml4'SlimitationsAndModernWebDemands.1) HTMl5AIMEDTOMPROVETUCETUR
CSS ID 및 클래스 : 간단한 가이드May 16, 2025 am 12:18 AMidsareUniqueAndusedForsingleElements, whileclassesareuseableforlultipleements.1) useidsforuniqueElementsLikeSpecificheader.2) USECLASSESFORCONSESTENTSTYLINGACROSSMultipleEmentements likeSlikeButtons
HTML5 목표 : 사양의 주요 목표 이해May 16, 2025 am 12:16 AMhtml5aimstoenhancewebaccessibility, Interactivity, andefficiency
HTML5를 사용하여 목표를 달성하기가 어렵습니까?May 16, 2025 am 12:06 AMhtml5isnotparticular indifficulttousebutreequiresunderstandingStandingStandingStandingStandingStandingStandingStandingStandingStandingStandingStandingS
CSS : 같은 DOM에서 여러 ID를 사용할 수 있습니까?May 14, 2025 am 12:20 AM아니요, 당신은 uplemultipleidsinthesamedom.1) idsmustbeuniqueperhtmlspecification, andusingduplicatescancauseSconsistentBrowserBehavior.2) useclassesforstylingmultipleelements, attributesectorscendats eftibutes 및 descenderfortrecture
HTML5의 목표 :보다 강력하고 액세스 가능한 웹 생성May 14, 2025 am 12:18 AMhtml5aimstoenhancewebcapabilities, MakingItmoredynamic, Interactive, and Accessible.1) itsupportsmultimediaelementslikeand, 2) SemanticlementsImpreveAcessibilityandCodeReardability.3) 특징적인 부대, 응답 Whebappl
HTML5의 중요한 목표 : 웹 개발 및 사용자 경험 향상May 14, 2025 am 12:18 AMhtml5aimstoenhancewebdevelopmentandusereerexperiencetroughsemanticstructure, multimediaintegration 및 performanceimprovements
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.
PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.
